前端 js 经典：数组常用方法总结

在JavaScript中，数组是一种常用的数据结构，它提供了许多内置方法来处理数据。以下是一些经典且常用的数组方法：

1. push() - 在数组末尾添加一个或多个元素，并返回新的长度。
2. pop() - 删除数组的最后一个元素，并返回那个元素。
3. shift() - 删除数组的第一个元素，并返回那个元素。
4. unshift() - 在数组的开始添加一个或多个元素，并返回新的长度。
5. slice(start, end) - 返回从 start 到 end（不包括 end）之间的元素的新数组。
6. splice(start, deleteCount, ...items) - 从 start 位置开始，删除 deleteCount 个元素，并可以在该位置添加 items。
7. concat(array1, array2, ...) - 返回一个新数组，是将原数组与 array1, array2, ... 连接后的结果。
8. join(separator) - 返回一个字符串，是通过 separator 连接数组每个元素后生成的。
9. map(function(item, index, array) { ... }) - 返回一个新数组，其每个元素都是通过调用 function 后返回的结果。
10. filter(function(item, index, array) { ... }) - 返回一个新数组，包含通过 function 测试的所有元素。
11. reduce(function(accumulator, item, index, array) { ... }, initialValue) - 对数组中的每个元素执行一个由您提供的 reducer 函数，将其结果汇总为单个返回值。
12. sort() - 对数组的元素进行排序。
13. reverse() - 颠倒数组中元素的顺序。

以下是这些方法的简单示例代码：

// 创建一个数组
let numbers = [1, 2, 3, 4, 5];
 
// 使用push方法添加元素
numbers.push(6);
 
// 使用pop方法删除元素
let lastNumber = numbers.pop();
 
// 使用shift方法删除元素
let firstNumber = numbers.shift();
 
// 使用unshift方法添加元素
numbers.unshift(0);
 
// 使用slice方法获取子数组
let sliceNumbers = numbers.slice(1, 4);
 
// 使用splice方法替换元素
numbers.splice(1, 2, 'a', 'b');
 
// 使用concat连接数组
let concatenatedNumbers = numbers.concat([10, 11, 12]);
 
// 使用join生成字符串
let joinedNumbers = numbers.join(' - ');
 
// 使用map进行映射
let doubledNumbers = numbers.map(number => number * 2);
 
// 使用filter进行过滤
let evenNumbers = numbers.filter(number => number % 2 === 0);
 
// 使用reduce进行累加
let sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
 
// 使用sort进行排序
numbers.sort((a, b) => a - b);
 
// 使用reverse颠倒顺序
numbers.reverse();

这些方法是JavaScript数组操作的基础，每个方法都有其特定的用途和行为，熟悉它们有助于提高代码操作数组的效率和质量。