js 数组 方法

JavaScript 中的数组提供了多种方法来操作和处理数组数据。以下是一些常用的数组方法及其基础概念、优势、类型、应用场景：

1. push()

基础概念：向数组的末尾添加一个或多个元素，并返回新的长度。 优势：简单易用，直接修改原数组。 应用场景：当你需要在数组末尾添加元素时。

let arr = [1, 2, 3];
arr.push(4); // arr 现在是 [1, 2, 3, 4]

2. pop()

基础概念：删除并返回数组的最后一个元素。 优势：简单易用，直接修改原数组。 应用场景：当你需要移除并获取数组最后一个元素时。

let arr = [1, 2, 3];
let lastElement = arr.pop(); // lastElement 是 3，arr 现在是 [1, 2]

3. shift()

基础概念：删除并返回数组的第一个元素。 优势：简单易用，直接修改原数组。 应用场景：当你需要移除并获取数组第一个元素时。

let arr = [1, 2, 3];
let firstElement = arr.shift(); // firstElement 是 1，arr 现在是 [2, 3]

4. unshift()

基础概念：向数组的开头添加一个或多个元素，并返回新的长度。 优势：简单易用，直接修改原数组。 应用场景：当你需要在数组开头添加元素时。

let arr = [1, 2, 3];
arr.unshift(0); // arr 现在是 [0, 1, 2, 3]

5. splice()

基础概念：添加或删除数组中的元素，可以指定起始位置和删除的元素数量。 优势：功能强大，可以灵活地添加或删除元素。 应用场景：当你需要在数组中间添加或删除元素时。

let arr = [1, 2, 3, 4];
arr.splice(2, 1, 'a'); // arr 现在是 [1, 2, 'a', 4]

6. slice()

基础概念：返回数组的一个片段，不会修改原数组。 优势：不会改变原数组，适合需要保留原数组的情况。 应用场景：当你需要获取数组的一部分而不改变原数组时。

let arr = [1, 2, 3, 4];
let subArr = arr.slice(1, 3); // subArr 是 [2, 3]

7. map()

基础概念：创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后的返回值。 优势：简洁，适合处理数组中的每个元素。 应用场景：当你需要对数组中的每个元素进行相同的操作并生成新数组时。

let arr = [1, 2, 3];
let doubled = arr.map(x => x * 2); // doubled 是 [2, 4, 6]

8. filter()

基础概念：创建一个新数组，其包含通过所提供函数实现的测试的所有元素。 优势：简洁，适合过滤数组中的元素。 应用场景：当你需要根据某些条件过滤数组中的元素时。

let arr = [1, 2, 3, 4];
let even = arr.filter(x => x % 2 === 0); // even 是 [2, 4]

9. reduce()

基础概念：对数组中的每个元素执行一个提供的 reducer 函数（升序执行），将其结果汇总为单个返回值。 优势：功能强大，适合复杂的数组操作。 应用场景：当你需要对数组进行累积操作时。

let arr = [1, 2, 3, 4];
let sum = arr.reduce((acc, x) => acc + x, 0); // sum 是 10

常见问题及解决方法

问题：splice() 方法修改了原数组，如何避免？

解决方法：使用 slice() 方法来获取数组的片段，而不是直接修改原数组。

let arr = [1, 2, 3, 4];
let newArr = arr.slice(0, 2).concat(['a'], arr.slice(2)); // newArr 是 [1, 2, 'a', 3, 4]

问题：map() 方法返回的新数组元素顺序与原数组不一致？

解决方法：确保 map() 回调函数中的操作不会改变元素的顺序。

let arr = [1, 2, 3];
let doubled = arr.map(x => x * 2); // doubled 是 [2, 4, 6]，顺序一致

通过理解和熟练使用这些数组方法，可以大大提高 JavaScript 编程的效率和代码的可读性。