js forEach和for of的区别

引用中的示例代码展示了在使用`forEach`方法中，使用`break`或`continue`语句会直接报错。这是因为`forEach`方法是一个数组遍历方法，它没有办法像传统的`for`循环一样使用这些控制流语句。相比之下，`for of`循环则可以使用`break`和`continue`来控制循环流程。

引用中的示例代码展示了在使用`forEach`方法中，使用`return`语句只会跳过当前循环，进入下一个循环，而不会跳出外层函数。这是因为`forEach`方法中的回调函数中使用`return`只会跳过当前迭代，继续执行下一次迭代。

综上所述，`forEach`和`for of`的区别主要在于：
1. `forEach`是数组的方法，而`for of`是ES6引入的遍历器的语法糖，可以遍历任何可迭代的对象。
2. `forEach`相比于`for of`更加简洁，没有返回值。
3. `forEach`不能使用`break`和`continue`来控制循环流程，而`for of`可以使用这些控制流语句。
4. 在`forEach`中使用`return`语句只会跳过当前迭代，而不会跳出外层函数，而`for of`中使用`return`语句可以直接跳出循环。

因此，根据需求选择适合的循环方式，如果需要使用`break`和`continue`来控制循环流程，可以选择使用`for of`循环。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [JavaScript forEach、for-in和for-of的区别总结](https://blog.csdn.net/Jack_lzx/article/details/118899636)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]