当前位置：首页 > news >正文

JavaScript 中的 forEach() 方法

news 2026/3/26 20:58:37

一、`forEach()` 是什么？

forEach() 是 JavaScript 数组的内置方法，用于遍历数组的每一个元素，并对每个元素执行你指定的回调函数。它的核心特点是：

遍历过程中无法被中断（不能用 break/continue，只能通过抛出异常终止）；
没有返回值（默认返回 undefined），不会改变原数组（除非你在回调里主动修改）；
回调函数会接收 3 个参数（后两个可选）：当前元素、当前索引、原数组。

二、基本语法

数组.forEach(function(currentValue, index, array) {// 对当前元素的操作逻辑
}, thisArg); // thisArg 可选，指定回调函数中 this 的指向

参数说明：

currentValue：当前正在遍历的数组元素（必选）；
index：当前元素的索引（可选）；
array：调用 forEach() 的原数组（可选）；
thisArg：可选，回调函数中 this 要指向的对象（如果省略，非严格模式下 this 指向全局对象，严格模式下为 undefined）。

三、基础使用示例

1. 遍历数组并打印每个元素

const fruits = ['苹果', '香蕉', '橙子'];// 基础用法：只使用当前元素
fruits.forEach(function(fruit) {console.log(fruit);
});
// 输出：
// 苹果
// 香蕉
// 橙子

2. 结合索引使用

const nums = [10, 20, 30];nums.forEach((num, index) => {console.log(`索引 ${index} 的值是：${num}`);
});
// 输出：
// 索引 0 的值是：10
// 索引 1 的值是：20
// 索引 2 的值是：30

3. 计算数组元素总和

const scores = [85, 90, 78, 95];
let total = 0;scores.forEach(score => {total += score; // 累加每个元素到total
});console.log('总分：', total); // 输出：总分：348

四、注意事项

无法中断遍历：forEach() 不支持 break/continue，如果想提前终止遍历，只能抛出异常（不推荐），此时可以考虑用 for 循环或 some()/every()；

try {[1,2,3,4].forEach(num => {if (num === 3) throw new Error('终止遍历');console.log(num);});
} catch (e) {if (e.message !== '终止遍历') throw e; // 只捕获自定义的终止异常
}
// 输出：1 2

2、遍历空元素：forEach() 会跳过数组的空元素（但不会跳过 undefined/null）；

const arr = [1, , 3]; // 第二个元素是空
arr.forEach(item => console.log(item)); // 输出：1 3

3、异步操作问题：forEach() 不支持异步回调的 “等待”，如果回调里有 async/await，遍历不会按顺序等待异步操作完成；

// 错误示例：不会等待每个延时完成
[1,2,3].forEach(async num => {await new Promise(resolve => setTimeout(resolve, 1000));console.log(num);
});
// 正确做法：用 for...of 循环
async function test() {for (const num of [1,2,3]) {await new Promise(resolve => setTimeout(resolve, 1000));console.log(num);}
}
test(); // 每隔1秒输出 1、2、3