Array.forEach() 遍历数组

最后更新：2026-09-09

forEach 对每个元素按顺序执行一次回调，没有返回值（总是 undefined），也不能用 break 或 continue 中断。需要中断用 for...of，需要产出新数组用 map。

分类	数组
ES 版本	ES5（2009）

📝 语法

数组.forEach((元素, 下标, 原数组) => { 处理逻辑 });

callback	对每个元素执行一次；返回值被忽略。

返回值：undefined。

是否修改原值：否（返回新值）

编辑下方代码，点击运行，在输出面板查看结果：

运行结果：

1. 苹果
2. 牛奶
3. 面包
true

⚠️ 警告 forEach 无法用 break/continue 中断，也无法直接返回值——需要提前退出用 for...of 或 some/every。

💡 提示 异步操作在 forEach 里不会被等待（回调是同步调用的）——需要串行/并行等待用 for...of + await 或 Promise.all(map(...))。

浏览器	Chrome	Edge	Firefox	Safari	Opera
Array.forEach()	✓ v1	✓ v12	✓ v1.5	✓ v3	✓ v10.5
所有现代浏览器均支持

更多实战案例即将上线，敬请期待。

QforEach 和 for...of 怎么选？

A简单遍历用 forEach 更函数式；需要 break/return 提前退出、await 异步、或遍历中修改数组长度时用 for...of。

QforEach 里能 await 吗？

A技术上可以写但不会被等待——回调彼此并发且 forEach 立即返回。需要按顺序等待用 for...of + await；需要并发等待用 Promise.all(arr.map(async ...))。

QforEach 遍历时删除元素安全吗？

A不安全：删除会使后续元素跳过或重复。需要过滤请用 filter 生成新数组，或倒序遍历。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。