javascript如何迭代数组_ forEach怎么用

3次阅读

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

javascript 如何迭代数组_ forEach 怎么用

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

再比如处理 对象 数组:

立即学习Java 免费学习笔记(深入)”;

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

forEach 的重要限制

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

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

什么时候别用 forEach

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

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

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

以上就是

站长
版权声明:本站原创文章,由 站长 2025-12-18发表,共计1009字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
1a44ec70fbfb7ca70432d56d3e5ef742
text=ZqhQzanResources