JS中Array数组学习总结

在前端开发中，Array数组是一个非常重要的数据类型。它可以存储多个值，并提供了许多有用的方法来操作和处理这些值。本文将深入探讨JS中Array数组的各种用法和技巧。

创建数组

创建一个空数组：

let arr = [];

使用字面量创建一个数组，并初始化元素：

let arr = [1, 2, 3];

使用new关键字创建一个数组，并指定数组长度：

let arr = new Array(3);

使用new关键字创建一个数组，并初始化元素：

let arr = new Array(1, 2, 3);

访问元素

通过下标访问数组元素，下标从0开始：

let arr = [1, 2, 3];
console.log(arr[0]); // 1
console.log(arr[1]); // 2
console.log(arr[2]); // 3

修改元素

通过下标修改数组元素：

let arr = [1, 2, 3];
arr[0] = 4;
console.log(arr); // [4, 2, 3]

遍历数组

通过for循环遍历数组：

let arr = [1, 2, 3];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

使用forEach()方法遍历数组：

let arr = [1, 2, 3];
arr.forEach(function (item, index, array) {
  console.log(item);
});

添加元素

使用push()方法向数组末尾添加元素：

let arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]

使用unshift()方法向数组开头添加元素：

let arr = [1, 2, 3];
arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]

删除元素

使用pop()方法删除数组末尾的元素：

let arr = [1, 2, 3];
arr.pop();
console.log(arr); // [1, 2]

使用shift()方法删除数组开头的元素：

let arr = [1, 2, 3];
arr.shift();
console.log(arr); // [2, 3]

数组拼接

使用concat()方法将多个数组合并为一个数组：

let arr1 = [1, 2];
let arr2 = [3, 4];
let arr3 = arr1.concat(arr2);
console.log(arr3); // [1, 2, 3, 4]

数组切片

使用slice()方法从数组中截取一部分：

let arr = [1, 2, 3, 4, 5];
let sliceArr = arr.slice(2, 4);
console.log(sliceArr); // [3, 4]

数组排序

使用sort()方法对数组进行排序：

let arr = [3, 1, 4, 2, 5];
arr.sort();
console.log(arr); // [1, 2, 3, 4, 5]

数组反转

使用reverse()方法将数组元素反转：

let arr = [1, 2, 3];
arr.reverse();
console.log(arr); // [3, 2, 1]

数组查找

使用indexOf()方法查找一个元素在数组中的位置：

let arr = [1, 2, 3];
console.log(arr.indexOf(2)); // 1

数组过滤

使用filter()方法根据条件过滤数组元素：

let arr = [1, 2, 3, 4, 5];
let filterArr = arr.filter(function (item) {
  return item % 2 === 0;
});
console.log

> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/1022) ，转载请注明来源
[https://www.javascriptcn.com/post/1022](https://www.javascriptcn.com/post/1022)