JavaScript数组及常见操作方法小结

JavaScript中的数组是一组有序的数据集合，可以存储不同类型的数据，包括数字、字符串、对象、甚至是其他数组。本文将介绍JavaScript数组常见的操作方法。

创建数组

在JavaScript中，可以通过以下两种方式来创建一个数组。

直接赋值法

直接赋值法是指在一个变量名后使用一对方括号来创建一个数组。例如：

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

构造函数法

使用构造函数Array()创建数组，如下所示：

const arr = new Array(10); // 创建一个长度为10的数组

访问和修改数组元素

可以使用索引运算符 [] 访问和修改数组中的元素。

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

console.log(arr[0]); // 访问第一个元素
// 输出：1

arr[2] = 33; // 修改第三个元素
console.log(arr); // 输出整个数组
// 输出：[1, 2, 33, 4, 5]

数组常见操作

数组在JavaScript中有非常多的操作方法，这里列举一些常见的方法：

添加元素

• push() 在数组末尾添加一个元素
• unshift() 在数组开头添加一个元素

示例：

const arr = [1, 2, 3];

arr.push(4);
console.log(arr); // 输出：[1, 2, 3, 4]

arr.unshift(0);
console.log(arr); // 输出：[0, 1, 2, 3, 4]

删除元素

• pop() 删除数组末尾的一个元素
• shift() 删除数组开头的一个元素

示例：

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

arr.pop();
console.log(arr); // 输出：[1, 2, 3]

arr.shift();
console.log(arr); // 输出：[2, 3]

截取数组

• slice(start, end) 返回一个新的数组，包含从 start 到 end（不包括 end）的元素

示例：

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

const slicedArr = arr.slice(2, 4);
console.log(slicedArr); // 输出：[2, 3]

合并数组

• concat(arr1, arr2, ...) 返回一个新的数组，包含所有参数数组的元素

示例：

const arr1 = [1, 2];
const arr2 = [3, 4];

const mergedArr = arr1.concat(arr2);
console.log(mergedArr); // 输出：[1, 2, 3, 4]

以上仅为常见的数组操作方法，有关更多其他的数组操作方法，请参考MDN文档：Array。

注意

• 数组中可以存储不同类型的数据。
• 索引从0开始而不是1。
• 修改数组长度时会改变原有数组，有可能会破坏原来的数据结构，需要谨慎操作。