你可以停止或中断 forEach 循环吗？

前言：不知道你是否在前端面试的时候被问到如何中断forEach循环，为了反之以后项目中遇到或者面试过程中被问到，请看这篇文章

了解 JavaScript 中的 forEach

JavaScript 的 forEach 方法是用于迭代数组的常用工具。它对每个数组元素执行一次提供的函数。但是，与传统的 for 或 while 循环不同，forEach 旨在对每个元素执行该函数，没有内置机制来提前停止或中断循环。

我们尝试使用break和return在阻止中断

使用break

forEach 的一个关键限制是无法使用传统控制语句（如 break 或 return）停止或中断循环。如果您尝试在 forEach 中使用 break，则会遇到语法错误，因为 break 不适用于回调函数。

使用return

在其他循环或函数中，return 语句退出循环或函数，并返回指定值。

在 forEach 上下文中，return 不会跳出循环。相反，它只是退出回调函数的当前迭代并转到数组中的下一个元素。

所以我们可以使用异常中断 forEach 循环

虽然不建议常规使用，但从技术上讲，可以通过抛出异常来停止 forEach 循环。这种方法虽然不正统，并且由于会影响代码可读性和错误处理，通常不建议使用，但它可以有效地停止循环。

拓展知识：

在es6中引入的 for...of 循环，它提供了一种现代、干净且易读的方式来迭代可迭代对象，如数组、字符串、映射、集合等。与 forEach 相比，它的主要优势在于它与 break 和 continue 等控制语句兼容，从而为循环控制提供了更大的灵活性。

for...of 的优点：
灵活性：允许使用 break、continue 和 return 语句。
可读性：提供清晰简洁的语法，使代码更易于阅读和理解。
多功能性：能够迭代各种可迭代对象，而不仅仅是数组。

for...of 的实际示例

使用break令其停下来

使用continue跳出当前循环

 

使用return有意思的
在浏览器上会报错，为什么呢？

因为return要写在函数里面才会生效，否者会报异常