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 数据。
➡️
