掌控JS数组，解锁编程高效新技能

JS数组的基本知识

JavaScript数组是一种有序的数据集合，用于存储一组具有相同数据类型的值。数组中的元素可以使用数字索引访问，并且可以动态调整数组的大小。数组的声明和赋值有两种方式：

• 字面量形式： 使用方括号 [] 来创建数组，元素之间用逗号分隔。例如：

const fruits = ["apple", "banana", "cherry"];

• new Array()构造函数： 使用new Array()构造函数来创建数组，可以指定数组的初始大小。例如：

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

JS数组的常用API

JavaScript提供了许多用于操作数组的API，包括：

• arr.length： 返回数组的长度。
• arr[index]： 获取或设置数组中指定索引的元素。
• arr.push(element)： 将一个元素添加到数组的末尾。
• arr.pop()： 从数组的末尾删除一个元素。
• arr.unshift(element)： 将一个元素添加到数组的开头。
• arr.shift()： 从数组的开头删除一个元素。
• arr.slice(start, end)： 返回数组中指定范围的元素。
• arr.splice(start, deleteCount, ...items)： 从数组中删除指定数量的元素，并可以插入新的元素。
• arr.concat(array1, array2, ...)： 将多个数组合并成一个新的数组。
• arr.join(separator)： 将数组中的元素连接成一个字符串，并使用指定的连接符分隔。
• arr.reverse()： 将数组中的元素顺序反转。
• arr.sort()： 对数组中的元素进行排序。

JS数组的遍历

遍历数组有几种方式：

• for循环： 使用for循环来遍历数组中的每个元素。例如：

const fruits = ["apple", "banana", "cherry"];

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

• forEach()方法： 使用forEach()方法来遍历数组中的每个元素。例如：

const fruits = ["apple", "banana", "cherry"];

fruits.forEach(fruit => {
  console.log(fruit);
});

• map()方法： 使用map()方法来将数组中的每个元素映射成一个新值。例如：

const fruits = ["apple", "banana", "cherry"];

const lengths = fruits.map(fruit => fruit.length);

console.log(lengths); // [5, 6, 6]

JS数组的删除

删除数组中的元素有几种方式：

• pop()方法： 从数组的末尾删除一个元素。例如：

const fruits = ["apple", "banana", "cherry"];

fruits.pop();

console.log(fruits); // ["apple", "banana"]

• shift()方法： 从数组的开头删除一个元素。例如：

const fruits = ["apple", "banana", "cherry"];

fruits.shift();

console.log(fruits); // ["banana", "cherry"]

• splice()方法： 从数组中删除指定数量的元素。例如：

const fruits = ["apple", "banana", "cherry", "durian", "elderberry"];

fruits.splice(2, 2);

console.log(fruits); // ["apple", "banana", "elderberry"]

结语

JavaScript数组是一种非常重要的数据结构，掌握数组的基本知识和常用API可以帮助您在编程中高效管理和操作数据集合。