JavaScript Array(数组)
JavaScript 中的 Array(数组)是一种用于存储数据的集合,它允许我们存储多个数据项,并可以通过索引来访问这些数据项。数组是 JavaScript 中非常基础且强大的数据结构,广泛应用于各种编程场景。
数组的创建
在 JavaScript 中,创建数组的方式有多种:
-
字面量方式:
let arr1 = [1, 2, 3, 4];
-
构造函数方式:
let arr2 = new Array(1, 2, 3, 4);
-
指定长度:
let arr3 = new Array(5); // 创建一个长度为5的空数组
数组的访问
数组中的元素可以通过索引来访问,索引从 0 开始:
let arr = [1, 2, 3, 4];
console.log(arr[0]); // 输出:1
console.log(arr[3]); // 输出:4
数组的修改
可以通过索引来修改数组中的元素:
let arr = [1, 2, 3, 4];
arr[1] = 20;
console.log(arr); // 输出:[1, 20, 3, 4]
数组的添加和删除
-
添加元素:
- 使用
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, 4]; arr.pop(); console.log(arr); // 输出:[1, 2, 3]
- 使用
shift()
方法删除数组的第一个元素:let arr = [1, 2, 3, 4]; arr.shift(); console.log(arr); // 输出:[2, 3, 4]
- 使用
数组的遍历
可以使用 for
循环或 forEach
方法来遍历数组:
let arr = [1, 2, 3, 4];
// 使用 for 循环
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
// 使用 forEach 方法
arr.forEach(function(element) {
console.log(element);
});
数组的常用方法
JavaScript 提供了许多数组的方法,如 map()
、filter()
、reduce()
等,这些方法可以方便地对数组进行操作:
let arr = [1, 2, 3, 4];
// 使用 map 方法
let newArr1 = arr.map(function(element) {
return element * 2;
});
console.log(newArr1); // 输出:[2, 4, 6, 8]
// 使用 filter 方法
let newArr2 = arr.filter(function(element) {
return element > 2;
});
console.log(newArr2); // 输出:[3, 4]
// 使用 reduce 方法
let sum = arr.reduce(function(accumulator, element) {
return accumulator + element;
}, 0);
console.log(sum); // 输出:10
二维数组
JavaScript 也支持多维数组,最常见的是二维数组:
let matrix = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
];
console.log(matrix[1][2]); // 输出:6
数组的排序
可以使用 sort()
方法对数组进行排序:
let arr = [3, 1, 4, 1, 5, 9];
arr.sort();
console.log(arr); // 输出:[1, 1, 3, 4, 5, 9]
数组的搜索
可以使用 indexOf()
方法来搜索数组中的元素:
let arr = [1, 2, 3, 4];
console.log(arr.indexOf(2)); // 输出:1
console.log(arr.indexOf