JS 数组操作指南：从基础到进阶，全面掌握！

1. 数组的创建和访问

创建数组有两种方法：

• 使用字面量语法：const arr = [1, 2, 3];。
• 使用 Array() 构造函数：const arr = new Array(1, 2, 3);。

你可以使用方括号访问数组中的元素：arr[0] // 输出：1。

2. 数组的修改

你可以使用以下方法修改数组：

• arr.push()：向数组的末尾添加一个或多个元素。
• arr.pop()：从数组的末尾删除一个元素。
• arr.shift()：从数组的开头删除一个元素。
• arr.unshift()：向数组的开头添加一个或多个元素。
• arr.splice()：从数组的指定位置删除一个或多个元素，并可选择添加一个或多个新元素。

3. 数组的排序

你可以使用以下方法对数组进行排序：

• arr.sort()：对数组中的元素进行原位排序。
• arr.sort((a, b) => a - b)：对数组中的数字元素进行升序排序。
• arr.sort((a, b) => b - a)：对数组中的数字元素进行降序排序。
• arr.sort((a, b) => a.localeCompare(b))：对数组中的字符串元素进行按字母顺序升序排序。

4. 数组的去重

你可以使用以下方法对数组进行去重：

• 使用 for 循环和 indexOf()：将数组中的每个元素与其他元素比较，如果找到重复的元素，则将其删除。
• 使用排序后去重：先对数组进行排序，然后使用 for 循环删除相邻的重复元素。
• 使用哈希表：创建一个哈希表来存储数组中的元素，如果某个元素已经在哈希表中，则将其删除。

5. 数组的扁平化

你可以使用以下方法对数组进行扁平化：

• 使用 for 循环和 push()：将数组中的每个元素（如果是数组）中的元素添加到一个新的数组中。
• 使用递归：使用递归函数来将数组中的数组展开成一个新的数组。
• 使用 Array.prototype.flat() 方法：该方法可以将数组中的多维数组展平成一维数组。

6. 数组的扩展运算符

扩展运算符（...）可以将数组中的元素展开成单个元素。例如：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const newArr = [...arr1, ...arr2]; // newArr = [1, 2, 3, 4, 5, 6]

7. 数组的 reduce()

reduce() 方法可以将数组中的所有元素聚合为一个单一的值。例如：

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0); // sum = 15

8. 数组的常见问题

在使用数组时，你可能会遇到以下常见问题：

• 数组越界：当访问数组索引超过数组长度时会发生数组越界错误。
• 数组类型不一致：当数组中的元素具有不同的类型时，可能会导致错误或意外结果。
• 数组未初始化：当未初始化数组时，访问数组中的元素可能会导致错误或意外结果。

9. 总结

数组是 JavaScript 中一种非常重要的数据结构，它允许你存储和组织一组相关的数据。本文介绍了 JS 数组的常见操作，包括数组的创建、访问、修改、排序、去重、扁平化、扩展运算符和 reduce() 的使用等。掌握这些操作可以帮助你更有效地处理数组数据，编写出更健壮和高效的代码。