JavaScript 数组

JavaScript 数组是一组存储值（任何类型）的有序集合。数组可以存储多个值。这个集合内的值都可以通过索引来获取。

定义数组

可以通过两种方式定义数组：

字面量方式

使用方括号 [ ] 来定义一个数组，并将值（用逗号分隔）包含在其中：

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

构造函数方式

可以使用 new 关键词和 Array() 构造函数来创建一个数组：

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

可以只传一个参数，指定数组的长度：

const arr = new Array(4); // 创建一个有4个 undefined 元素的数组

访问数组元素

可以通过方括号语法 [ ] 和索引来访问数组元素。

示例：

const arr = ['apple', 'banana', 'orange'];
console.log(arr[0]); // 输出 'apple'
console.log(arr[1]); // 输出 'banana'
console.log(arr[2]); // 输出 'orange'

常用数组方法

push()

push() 方法向数组的末尾添加一个或多个元素，并返回数组的新长度。

示例：

const arr = ['apple', 'banana', 'orange'];
const newLength = arr.push('pear', 'peach');
console.log(arr); // 输出 ['apple', 'banana', 'orange', 'pear', 'peach']
console.log(newLength); // 输出 5

pop()

pop() 方法从数组中删除最后一个元素，并返回该元素的值。

示例：

const arr = ['apple', 'banana', 'orange'];
const lastElement = arr.pop();
console.log(arr); // 输出 ['apple', 'banana']
console.log(lastElement); // 输出 'orange'

shift()

shift() 方法从数组中删除第一个元素，并返回该元素的值。

示例：

const arr = ['apple', 'banana', 'orange'];
const firstElement = arr.shift();
console.log(arr); // 输出 ['banana', 'orange']
console.log(firstElement); // 输出 'apple'

unshift()

unshift() 方法向数组的开头添加一个或多个元素，并返回数组的新长度。

示例：

const arr = ['apple', 'banana', 'orange'];
const newLength = arr.unshift('pear', 'peach');
console.log(arr); // 输出 ['pear', 'peach', 'apple', 'banana', 'orange']
console.log(newLength); // 输出 5

slice()

slice() 方法返回一个新的数组，包含从 start（包括）到 end（不包括）之间的元素。如果省略 end，则 slice() 方法会一直提取到数组末尾。

示例：

const arr = ['apple', 'banana', 'orange', 'pear', 'peach'];
const slice1 = arr.slice(2); // 返回 ['orange', 'pear', 'peach']
const slice2 = arr.slice(1, 3); // 返回 ['banana', 'orange']
console.log(slice1);
console.log(slice2);

splice()

splice() 方法可以用于添加/删除数组中的元素，并返回被删除的元素。

示例：

const arr = ['apple', 'banana', 'orange', 'pear', 'peach'];
const deletedElement1 = arr.splice(2, 1); // 返回删除的元素 ['orange']
console.log(arr); // 输出 ['apple', 'banana', 'pear', 'peach']
console.log(deletedElement1);

const deletedElement2 = arr.splice(1, 2, 'watermelon', 'grape'); // 返回删除的元素 ['banana', 'pear']，并在数组中添加新的元素
console.log(arr); // 输出 ['apple', 'watermelon', 'grape', 'peach']
console.log(deletedElement2);

参考资料

• MDN Web Docs