深入浅出：数组方法系统的总结

前端

2023-09-05 07:59:07

在编程的世界里，数组是一个必不可少的工具，它能够存储一系列同类型的数据元素。为了有效操纵和管理数组，语言中提供了丰富的数组方法。这些方法大致可以分为三大类：改变原数组的、不会改变原数组的以及遍历数组的。

1. 会改变原数组的方法

这些方法直接修改数组的元素内容，返回被修改后的数组本身。它们主要包括：

push()： 向数组末尾添加一个或多个元素，返回更新后的数组长度。
pop()： 从数组末尾删除最后一个元素，返回被删除的元素。
shift()： 从数组头部删除第一个元素，返回被删除的元素。
unshift()： 向数组头部添加一个或多个元素，返回更新后的数组长度。
splice()： 在指定位置插入、删除或替换元素。
sort()： 对数组进行升序或降序排序。
reverse()： 将数组元素的顺序颠倒。

2. 不会改变原数组的方法

这些方法不会修改数组的元素内容，而是返回一个新的数组或其他值。它们主要包括：

slice()： 复制数组的一部分，返回一个新的数组。
concat()： 连接两个或多个数组，返回一个新的数组。
join()： 将数组元素连接成一个字符串，返回连接后的字符串。
indexOf()： 搜索数组中元素的索引，返回第一个匹配项的索引。
lastIndexOf()： 搜索数组中元素的索引，返回最后一个匹配项的索引。
includes()： 检查数组是否包含某个元素，返回布尔值。

3. 数组的遍历方法

这些方法用于逐一访问数组中的元素。它们主要包括：

forEach()： 对数组中的每个元素执行一个指定函数。
map()： 对数组中的每个元素执行一个指定函数，返回一个新数组。
filter()： 根据指定条件过滤数组，返回符合条件的新数组。
reduce()： 将数组元素归并为一个值，返回归并后的值。

实例演示

以下是一个使用数组方法的示例代码：

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

// 改变原数组
arr.push(6); // [1, 2, 3, 4, 5, 6]
arr.sort(); // [1, 2, 3, 4, 5, 6]

// 不会改变原数组
const newArr = arr.slice(2); // [3, 4, 5, 6]
const joinedArr = arr.join(', '); // "1, 2, 3, 4, 5, 6"

// 遍历数组
arr.forEach((item) => console.log(item)); // 1 2 3 4 5 6