DEV Community
·
JavaScript 中最被低估的秘密是 forEach 函数的强大
💡
原文英文，约800词，阅读约需3分钟。
📝
内容提要
forEach() 方法用于遍历数组并对每个元素执行回调函数。它不返回值，无法链式调用。回调函数接受三个参数：当前元素、索引和数组本身。不能在 forEach() 中使用 break 或 continue，但可以通过 return 跳过当前迭代。
🎯
关键要点
- forEach() 方法用于遍历数组并执行回调函数。
- forEach() 不返回任何值，无法链式调用。
- 回调函数接受三个参数：当前元素、索引和数组本身。
- 不能在 forEach() 中使用 break 或 continue，但可以通过 return 跳过当前迭代。
- forEach() 的基本语法是：array.forEach(callbackFn)。
- 可以使用 forEach() 操作多个 DOM 元素。
- forEach() 可以用于嵌套数组的遍历。
- 在 forEach() 中无法使用 break 或 continue，会导致语法错误。
- 可以通过 return 来模拟 continue 的效果。
- forEach() 默认不修改原数组，但可以通过回调函数修改。
- 处理稀疏数组时，forEach() 会跳过未定义的元素。
- 实际应用示例包括过滤和转换 API 数据。
❓
延伸问答
forEach() 方法的主要功能是什么？
forEach() 方法用于遍历数组并对每个元素执行回调函数。
forEach() 方法可以返回值吗？
forEach() 不返回任何值，返回的是 undefined，因此无法链式调用。
在 forEach() 中如何跳过当前迭代？
可以通过在回调函数中使用 return 来跳过当前迭代。
forEach() 方法的基本语法是什么？
forEach() 的基本语法是：array.forEach(callbackFn)。
forEach() 方法如何处理稀疏数组？
处理稀疏数组时，forEach() 会跳过未定义的元素。
forEach() 方法可以用于哪些实际应用？
forEach() 可以用于操作多个 DOM 元素以及过滤和转换 API 数据等实际应用。
➡️
