JS 数组列表 - Javascript

在 Javascript 中，数组是一种非常强大和常用的数据结构，可以存储一组有序数据。

创建数组

我们可以使用 [] 运算符来创建一个空的数组，也可以使用数组字面量的方式来初始化一个数组：

// 创建空数组
const arr1 = [];

// 初始化数组
const arr2 = [1, 2, 3, 4];

访问数组元素

我们可以使用数组下标来访问数组元素。数组下标从 0 开始，到数组长度减 1 结束。以下是一些示例：

const arr = ['apple', 'banana', 'orange'];

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

添加和删除数组元素

可以使用以下方法向数组添加和删除元素：

push() 和 pop()

push() 方法可以向数组末尾添加一个新的元素，pop() 方法可以从数组末尾删除一个元素：

const arr = ['apple', 'banana', 'orange'];

arr.push('pear'); // 向数组末尾添加一个新元素
console.log(arr); // 输出 ['apple', 'banana', 'orange', 'pear']

arr.pop(); // 从数组末尾删除一个元素
console.log(arr); // 输出 ['apple', 'banana', 'orange']

unshift() 和 shift()

unshift() 方法可以向数组头部添加一个新的元素，shift() 方法可以从数组头部删除一个元素：

const arr = ['apple', 'banana', 'orange'];

arr.unshift('pear'); // 向数组头部添加一个新元素
console.log(arr); // 输出 ['pear', 'apple', 'banana', 'orange']

arr.shift(); // 从数组头部删除一个元素
console.log(arr); // 输出 ['apple', 'banana', 'orange']

splice()

splice() 方法可以向数组的任何位置添加或删除多个元素：

const arr = ['apple', 'banana', 'orange'];

// 从第二个元素位置添加两个新元素
arr.splice(1, 0, 'pear', 'peach');
console.log(arr); // 输出 ['apple', 'pear', 'peach', 'banana', 'orange']

// 删除第三个元素
arr.splice(2, 1);
console.log(arr); // 输出 ['apple', 'pear', 'banana', 'orange']

数组遍历

我们可以使用 for 循环或者 forEach() 方法来遍历数组元素：

const arr = ['apple', 'banana', 'orange'];

// for 循环遍历
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

// forEach 遍历
arr.forEach(function(value) {
  console.log(value);
});

数组高阶函数

JavaScript 中还提供了许多有用的数组高阶函数，例如：

map()

map() 用于将数组中的每个元素映射到一个新的数组中：

const arr = [1, 2, 3];

const newArr = arr.map(function(value) {
  return value * 2;
});

console.log(newArr); // 输出 [2, 4, 6]

filter()

filter() 构造一个新的数组，其中只包含通过测试（函数参数）的元素：

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

const newArr = arr.filter(function(value) {
  return value > 2;
});

console.log(newArr); // 输出 [3, 4, 5]

reduce()

reduce() 将数组的所有元素从左到右累积到单个值：

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

const sum = arr.reduce(function(prev, value) {
  return prev + value;
}, 0);

console.log(sum); // 输出 15

结论

JavaScript 中的数组是灵活和强大的数据结构，可以满足许多编程需求。我们可以使用它来存储和操作一组有序数据。通过数组的访问、添加和删除元素以及高阶函数，我们可以实现很多复杂的操作。