JavaScript数组是在前端开发中最为常用的数据结构之一。它提供了许多强大的操作方法，使得我们可以方便地对数组进行增删改查等操作。
在本文中，我将总结JavaScript数组的一些常用方法，并通过详细的示例代码来展示其深度和指导意义。
创建数组
首先，我们需要知道如何创建一个JavaScript数组。有两种方式可以创建数组：使用字面量或者使用构造函数。
- 使用字面量创建数组
const arr = [1, 2, 3];
- 使用构造函数创建数组
const arr = new Array(1, 2, 3);
访问数组元素
访问数组元素是我们经常要做的操作之一。我们可以通过数组下标来访问元素，下标从0开始。
const arr = [1, 2, 3]; console.log(arr[0]); // 1 console.log(arr[1]); // 2 console.log(arr[2]); // 3
数组长度
我们可以通过 length 属性获取数组的长度。
const arr = [1, 2, 3]; console.log(arr.length); // 3
添加元素
我们可以使用 push() 方法向数组末尾添加一个或多个元素。
const arr = [1, 2, 3]; arr.push(4); console.log(arr); // [1, 2, 3, 4]
我们也可以使用 unshift() 方法向数组开头添加一个或多个元素。
const arr = [1, 2, 3]; arr.unshift(0); console.log(arr); // [0, 1, 2, 3]
删除元素
我们可以使用 pop() 方法删除数组末尾的一个元素。
const arr = [1, 2, 3]; arr.pop(); console.log(arr); // [1, 2]
我们也可以使用 shift() 方法删除数组开头的一个元素。
const arr = [1, 2, 3]; arr.shift(); console.log(arr); // [2, 3]
查找元素
我们可以使用 indexOf() 方法查找指定元素在数组中第一次出现的位置。
const arr = [1, 2, 3]; console.log(arr.indexOf(2)); // 1 console.log(arr.indexOf(4)); // -1
我们也可以使用 find() 方法查找符合条件的第一个元素，并返回该元素的值。
-- -------------------- ---- ------- ----- --- - - - --- -- ----- ------- -- - --- -- ----- ----- -- - --- -- ----- --------- -- -- ----- ------ - --------------- -- - ------ ------- --- -- --- -------------------- -- - --- -- ----- ----- -
遍历数组
遍历数组是我们经常需要做的操作之一。我们可以使用 forEach() 方法遍历数组并对每个元素执行指定操作。
const arr = [1, 2, 3];
arr.forEach((item) => {
console.log(item);
});
// 1
// 2
// 3我们也可以使用 map() 方法遍历数组并将每个元素转换成新的值，并返回一个新的数组。
const arr = [1, 2, 3];
const result = arr.map((item) => {
return item * 2;
});
console.log(result); // [2, 4, 6]数组排序
我们可以使用 sort() 方法对数组进行排序。默认情况下，该方法会按照字符串顺序对元素进行排序。
const arr = [3, 1, 2]; arr.sort(); console.log(arr); // [1, 2, 3]
如果要按照数字大小进行排序，则需要传入一个比较函数。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/810