JavaScript 回顾 (五)：掌握数组遍历技巧

亲爱的朋友们，在 JavaScript 回顾系列的第五篇中，让我们深入探索数组遍历的技巧。

1. 数组遍历基础

遍历数组，即逐个访问数组中的每个元素。在 JavaScript 中，最常用的遍历方法是 for 循环，如下所示：

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

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

2. forEach() 方法

forEach() 方法是遍历数组的另一种简洁方式，它接受一个回调函数作为参数，该函数对数组中的每个元素执行操作。语法如下：

numbers.forEach((num) => {
  console.log(num);
});

3. for...of 循环

ES6 引入了 for...of 循环，它可以更简洁地遍历数组和类似数组的对象。语法如下：

for (const num of numbers) {
  console.log(num);
}

4. map() 方法

map() 方法允许我们创建数组元素的新数组，同时对每个元素执行特定操作。语法如下：

const doubledNumbers = numbers.map((num) => num * 2);

5. filter() 方法

filter() 方法创建一个由符合指定条件的元素组成的新数组。语法如下：

const evenNumbers = numbers.filter((num) => num % 2 === 0);

6. reduce() 方法

reduce() 方法将数组中的所有元素累积为单个值。语法如下：

const sumOfNumbers = numbers.reduce((a, b) => a + b);

7. 找出数组中特定元素

要找出数组中特定元素，可以使用以下方法：

• indexOf() 方法返回元素在数组中的第一个索引，如果不存在则返回 -1。
• lastIndexOf() 方法返回元素在数组中的最后一个索引，如果不存在则返回 -1。
• includes() 方法返回一个布尔值，表示数组是否包含特定元素。

8. 选择特定元素

要选择数组中特定元素，可以使用以下方法：

• slice() 方法创建一个由数组中指定范围内的元素组成的新数组。
• splice() 方法修改原数组，从指定位置移除元素或插入新元素。