JS 中 forEach 遍历的使用方法

在 JavaScript 编程里，数组遍历是常见操作，forEach 方法为开发者提供了简洁且高效的遍历方式。

forEach 方法会对数组的每个元素执行一次提供的函数。其基本语法为：array.forEach(callback(currentValue[, index[, array]])[, thisArg])。其中，callback 是为每个元素执行的函数，接受三个参数。currentValue 是数组中正在处理的当前元素；index 为当前元素的索引值，可选；array 是调用 forEach 的数组，同样可选。thisArg 也是可选参数，用于指定 callback 函数内部 this 的值。

一个简单示例可直观展示其用法：

const numbers = [1, 2, 3, 4, 5];
numbers.forEach((number) => {
    console.log(number);
});

这段代码定义了一个包含数字的数组 numbers，然后使用 forEach 遍历数组，每次迭代时将当前元素 number 打印到控制台。

利用 index 参数，我们能获取每个元素的位置信息。例如：

const fruits = ['apple', 'banana', 'cherry'];
fruits.forEach((fruit, index) => {
    console.log(`${index + 1}. ${fruit}`);
});

上述代码遍历 fruits 数组，打印出每个水果及其对应的序号。

在处理复杂数据结构时，thisArg 参数能发挥重要作用。假设我们有一个对象，其属性为一些数据，并且有一个用于处理这些数据的方法：

const data = {
    values: [10, 20, 30],
    multiplier: 2,
    process: function() {
        this.values.forEach(function(value) {
            console.log(value * this.multiplier);
        }, this);
    }
};
data.process();

这里在 process 方法中使用 forEach 时，通过 thisArg 将 this 绑定到 data 对象，确保函数内部能正确访问 multiplier 属性。

需要注意，forEach 方法没有返回值，它主要用于对数组元素进行遍历和执行特定操作。若需返回新数组，可使用 map 方法。forEach 无法通过 break 或 continue 语句中断或跳过某次迭代。若有此类需求，传统的 for 循环或 for...of 循环会是更好选择。掌握 forEach 遍历的使用方法，能让我们在操作数组时更加得心应手。