JavaScript | 数组迭代方法

在 JavaScript 中，数组是一个非常重要的概念。数组迭代方法可以让我们更方便地遍历和处理数组中的元素。本文将介绍 JavaScript 中常用的数组迭代方法，包括 forEach、map、filter、reduce 等。

forEach

forEach() 方法对数组中的每个元素执行一次提供的函数。

array.forEach(function(currentValue, index, arr), thisValue)

• currentValue：数组中正在处理的当前元素。
• index：当前元素在数组中的索引。
• arr：数组本身。
• thisValue：可选的。传递给函数的值被用作 this 的值。

示例：

const arr = ['apple', 'banana', 'orange'];
arr.forEach(function(item, index) {
    console.log(`${item} is at index ${index}.`);
});
// 输出：
// apple is at index 0.
// banana is at index 1.
// orange is at index 2.

map

map() 方法创建一个新数组，其结果是对原数组中的每个元素调用一个提供的函数。

array.map(function(currentValue, index, arr), thisValue)

• currentValue：数组中正在处理的当前元素。
• index：当前元素在数组中的索引。
• arr：数组本身。
• thisValue：可选的。传递给函数的值被用作 this 的值。

示例：

const arr = [1, 2, 3];
const newArr = arr.map(item => item * 2);
console.log(newArr); // 输出 [2, 4, 6]

filter

filter() 方法创建一个新数组，其中包含所有通过测试的数组元素。

array.filter(function(currentValue, index, arr), thisValue)

• currentValue：数组中正在处理的当前元素。
• index：当前元素在数组中的索引。
• arr：数组本身。
• thisValue：可选的。传递给函数的值被用作 this 的值。

示例：

const arr = [1, 2, 3, 4, 5];
const newArr = arr.filter(item => item % 2 === 0);
console.log(newArr); // 输出 [2, 4]

reduce

reduce() 方法对数组中的每个元素执行一个提供的函数，并将其结果汇总为单个返回值。

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

• total：上一次调用回调函数返回的值（或者是 initalValue，如果是第一次调用）。
• currentValue：数组中正在处理的当前元素。
• currentIndex：当前元素在数组中的索引。
• arr：数组本身。
• initialValue：可选的。作为第一次调用 callback 函数时第一个参数的值。

示例：

const arr = [1, 2, 3, 4, 5];
const result = arr.reduce((prev, current) => {
    return prev + current;
}, 0);
console.log(result); // 输出 15

其他迭代方法

除了以上介绍的方法外，JavaScript 中还有其他一些常用的迭代方法，例如：

• some() 方法：检查数组中是否存在某个元素，满足指定条件，就返回 true，否则返回 false。
• every() 方法：检查数组中的所有元素是否都满足指定条件，如果是，则返回 true，否则返回 false。
• find() 方法：返回数组中满足条件的第一个元素，如果没有，则返回 undefined。
• findIndex() 方法：返回数组中满足条件的第一个元素的索引，如果没有，则返回 -1。

以上迭代方法都是数组的常用操作，掌握并灵活运用将大大提高开发效率。

本文参考了 MDN 的相关文档。