JS数组遍历，forEach用法详解

有志者，事竟成！如果你在学习文章，那么本文《JS数组遍历，forEach使用详解》，就很适合你！文章讲解的知识点主要包括，若是你对本文感兴趣，或者是想搞懂其中某个知识点，就请你继续往下看吧~

forEach是JavaScript中用于遍历数组并执行副作用操作的常用方法，接收含item、index、array参数的回调函数，但无法中断循环、不返回新数组、不能增删元素。

JavaScript 中迭代数组最常用的方法之一是 forEach，它能让你对数组中每个元素执行一次指定的操作，写法简洁、语义清晰，适合“只遍历不生成新数组”的场景。

forEach 的基本用法

forEach 是数组的内置方法，接收一个回调函数作为参数，该函数会自动被调用，每次传入当前元素、索引和原数组：

• 语法：arr.forEach((item, index, array) => { /* 操作 */ });
• item：当前遍历到的元素值（必填）
• index：当前元素的下标（可选，常用于需要位置信息时）
• array：原数组本身（极少用，但可用于调试或比较）

实际例子帮你理解

比如有一个数字数组，想打印每个数及其位置：

const nums = [10, 20, 30];
nums.forEach((num, i) => {
  console.log(`第 ${i} 个数是 ${num}`);
});
// 输出：
// 第 0 个数是 10
// 第 1 个数是 20
// 第 2 个数是 30

再比如处理对象数组：

const users = [{name: '张三'}, {name: '李四'}];
users.forEach(user => console.log('欢迎', user.name));
// 输出：
// 欢迎 张三
// 欢迎 李四

forEach 的重要限制

它不是万能的，有些情况不能用 forEach 替代其他方法：

• 不能中断循环：没有 break 或 return false 机制；想提前退出要用 for 或 some/find
• 不返回新数组：它始终返回 undefined，想生成新数组请用 map
• 不改变原数组结构：虽然可以在回调里修改元素内容（如 item.name = 'xxx'），但不能增删元素（否则可能跳过或重复遍历）

什么时候别用 forEach

以下情况建议换别的方法：

• 需要中途跳出（如找到某个值就停）→ 改用 for 循环或 some
• 要基于原数组生成一个新数组 → 用 map
• 要累积计算（如求和、拼接字符串）→ 用 reduce
• 只想处理满足条件的元素 → 先 filter 再 forEach，或直接用 for 加 if

基本上就这些。forEach 简单好记，适合日常遍历打印、发请求、更新 DOM 这类“副作用操作”，用对了很顺手，用错了容易踩坑。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JS数组遍历，forEach用法详解》文章吧，也可关注golang学习网公众号了解相关技术文章。