JavaScript 中 12 种常用数组操作汇总整理

在 JavaScript 编程中，数组是一种非常重要的数据结构。熟练掌握数组的各种操作对于提高编程效率和代码质量至关重要。以下是 12 种常用的数组操作方法：

1. push() ：向数组末尾添加一个或多个元素，并返回新的数组长度。
2. pop() ：删除数组的最后一个元素，并返回被删除的元素。
3. shift() ：删除数组的第一个元素，并返回被删除的元素。
4. unshift() ：在数组开头添加一个或多个元素，并返回新的数组长度。
5. slice() ：返回数组的一部分，不会修改原始数组。
6. splice() ：可以用于添加、删除或替换数组中的元素。
7. concat() ：连接两个或多个数组，返回一个新数组。
8. join() ：将数组的所有元素连接成一个字符串。
9. map() ：创建一个新数组，其元素是原数组元素调用函数处理后的结果。
10. filter() ：创建一个新数组，其中包含通过提供函数实现的测试的所有元素。
11. reduce() ：对数组中的每个元素执行一个提供的 reducer 函数，将其结果汇总为单个返回值。
12. sort() ：对数组元素进行排序。

下面通过一些示例来进一步理解这些操作：

let arr = [1, 2, 3, 4, 5];

// push
arr.push(6); 
console.log(arr); 

// pop
let removedElement = arr.pop(); 
console.log(removedElement); 

// shift
let firstElement = arr.shift(); 
console.log(firstElement); 

// unshift
arr.unshift(0); 
console.log(arr); 

// slice
let slicedArr = arr.slice(1, 3); 
console.log(slicedArr); 

// splice
arr.splice(2, 1, 7); 
console.log(arr); 

// concat
let newArr = arr.concat([8, 9]); 
console.log(newArr); 

// join
let str = arr.join('-'); 
console.log(str); 

// map
let mappedArr = arr.map(x => x * 2); 
console.log(mappedArr); 

// filter
let filteredArr = arr.filter(x => x > 2); 
console.log(filteredArr); 

// reduce
let sum = arr.reduce((acc, cur) => acc + cur, 0); 
console.log(sum); 

// sort
arr.sort((a, b) => a - b); 
console.log(arr);

熟练运用这些数组操作方法，可以让我们在处理数据时更加得心应手，编写出简洁高效的 JavaScript 代码。

希望以上内容能帮助您更好地理解和运用 JavaScript 中的数组操作。