数组对象：从基础到进阶的全面解析

2024-01-23 12:06:11

数组对象的创建与访问

数组对象可以通过多种方式创建，最常见的是使用方括号（[]）来创建。例如：

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

也可以使用 Array 构造函数来创建数组对象：

const arr = new Array(1, 2, 3, 4, 5);

创建数组对象后，可以通过下标来访问其中的元素。例如：

console.log(arr[2]); // 输出: 3

数组对象的修改与删除

要修改数组对象中的元素，可以使用下标来直接赋值。例如：

arr[2] = 10;

要删除数组对象中的元素，可以使用以下方法：

pop()：从数组的末尾删除一个元素。
shift()：从数组的开头删除一个元素。
splice()：从数组中删除指定位置的元素。

例如：

arr.pop(); // 删除最后一个元素
arr.shift(); // 删除第一个元素
arr.splice(2, 1); // 从索引 2 开始删除 1 个元素

数组对象的常见操作

除了上述操作外，数组对象还提供了一些常见的操作，包括：

push()：在数组的末尾添加一个或多个元素。
unshift()：在数组的开头添加一个或多个元素。
concat()：将两个或多个数组合并成一个新的数组。
slice()：从数组中截取指定范围的元素。
indexOf()：返回指定元素在数组中的索引。
lastIndexOf()：返回指定元素在数组中最后出现的位置的索引。
reverse()：反转数组中的元素顺序。
sort()：对数组中的元素进行排序。

例如：

arr.push(6); // 在数组末尾添加元素 6
arr.unshift(0); // 在数组开头添加元素 0
const newArr = arr.concat([7, 8, 9]); // 将 arr 和 [7, 8, 9] 合并成 newArr
const slicedArr = arr.slice(1, 4); // 从 arr 中截取索引 1 到 4 之间的元素
const index = arr.indexOf(3); // 返回元素 3 在 arr 中的索引
const lastIndex = arr.lastIndexOf(3); // 返回元素 3 在 arr 中最后出现的位置的索引
arr.reverse(); // 反转 arr 中的元素顺序
arr.sort(); // 对 arr 中的元素进行排序

数组对象的进阶应用

除了上述基础操作外，数组对象还可以用于一些进阶的应用，例如：

数组迭代：可以使用 forEach()、map()、filter() 等方法来迭代数组中的元素。
数组归并：可以使用 reduce() 方法将数组中的所有元素合并成一个值。
数组去重：可以使用 Set 数据结构来去除数组中的重复元素。
数组排序：可以使用 sort() 方法对数组中的元素进行排序。
数组查找：可以使用 indexOf() 和 lastIndexOf() 方法来查找数组中的元素。

例如：

arr.forEach((item) => {
  console.log(item);
}); // 使用 forEach() 迭代数组中的元素

const newArr = arr.map((item) => item * 2); // 使用 map() 将数组中的元素乘以 2

const filteredArr = arr.filter((item) => item > 3); // 使用 filter() 过滤出数组中大于 3 的元素

const sum = arr.reduce((acc, item) => acc + item, 0); // 使用 reduce() 将数组中的元素求和

const uniqueArr = [...new Set(arr)]; // 使用 Set 数据结构去除数组中的重复元素

arr.sort((a, b) => a - b); // 使用 sort() 对数组中的元素进行升序排序