forEach循环中break的用法如何实现跳出循环？

本文共计1092个文字，预计阅读时间需要5分钟。

一. 在forEach中使用break会发生什么？使用break在forEach循环中会立即终止循环，即使循环尚未完成所有的迭代。

二. 为什么不能在forEach中使用break？forEach循环是设计为不可中断的，因为它的目的是为了遍历数组中的每个元素。使用break会破坏这个遍历过程，导致无法访问数组中的所有元素。

三. 你真的理解break吗？是的，我理解break。break语句用于立即退出最近的循环（for、while、do-while或forEach）。

四. 如何在forEach循环中使用break？虽然forEach本身不支持break，但可以通过其他方法间接实现。例如，可以使用一个外部变量来控制循环的执行，或者使用for循环来遍历forEach。

五. 在forEach中合法使用break？在forEach中合法使用break是不可能的，因为forEach循环的内部机制不支持break语句。

六. 总结一. 在forEach中使用break会立即终止循环。二. 不能在forEach中使用break，因为它不支持中断。三. 我理解break是用于立即退出循环。四. 在forEach中可以使用外部变量或for循环来间接实现break的效果。五. 在forEach中不能合法使用break。六. 总结：forEach循环不支持break，但可以通过其他方法间接控制循环的执行。

目录

• 一. 在forEach里使用break 会发生什么
• 二. 为什么不能在forEach里使用break
• 你真的了解break吗
• 三.如何在forEach的循环里break？
• 在forEach里合法的使用break
• 也可以使用every 或者 some等
• 总结

一. 在forEach里使用break 会发生什么

大家都知道 js 的 forEach里是不能使用break。但是为什么不能在forEach里使用呢？在forEach里使用break 会发生什么呢？

纸上得来终觉浅，绝知此事要躬行。要想知道发生什么，不妨在代码里验证一下。

let arr = [1, 2, 3, 4, 5]; arr.forEach((item, index) => { if (item > 2) { break } console.log(item) }) // SyntaxError: Illegal break statement (非法中断语句)

在控制台可以看到输出：语法错误。

二. 为什么不能在forEach里使用break

要想知道forEach里为什么不能使用break，必须先要搞清楚break的语法。

你真的了解break吗

break 表示中止当前循环。

语法：break [label];

label：与语句标签相关联的标识符。如果 break 语句不在一个循环或者Switch语句中，则该项是必须的。

我们看一个例子：

我们平时正常使用时

let arr = [1, 2, 3, 4, 5] for (let i = 0; i < arr.length; i++) { if (arr[i] > 2) { break // 大于2 跳出整个循环 } console.log(arr[i]) // 1, 2 }

break 与语句标签一起使用时

let arr = [1, 2, 3, 4, 5] outer_block: // 标识最外层循环 for (let i = 0; i < arr.length; i++) { console.log('i', arr[i]) // 1 inner_block: // 标识里面的for循环 for (let j = 0; j < arr.length; j++) { if (j > 3) { break outer_block // 跳出最外层循环 } console.log('j', arr[j]) // 1, 2, 3, 4 } }

输出结果：最外层输出：1，最次层输出：1,2,3,4。可以看出brake终止循环是有条件的。我们在回来看forEach这个问题。

先看下forEach语法：

forEach(callbackfn: (value: T, index: number, array: T[]) => void, thisArg?: any): void;

是上面的定义相当于：

Array.prototype.forEach = function(callback) { for (let i = 0; i < this.length; i++) { callback(this[i], i, this); } };

可以看出：我们在forEach里使用break，其实是在callback里使用break。再明白一点，其实就是相当于你在for循环里这样写：

let arr = [1, 2, 3, 4, 5] outer_block: for (let i = 0; i < arr.length; i++) { console.log('i', arr[i]) inner_block1: (function() { inner_block2: break // 报错，不能直接使用break })() }

到这里我想你已经明白了为什么不能在forEach里使用break了。回到本文的题目上来。

三.如何在forEach的循环里break？

查阅MDN，上面有一个备注：

编辑切换为居中

MDN

在forEach里合法的使用break

function breakInForEach(arr) { let BreakException = {}; let res = false; try { arr.forEach(item => { if (item === 2) { res = true; throw BreakException; } }) } catch(e) { if (e !== BreakException) throw e } return res; } console.log(foreachBreak([1， 2， 3， 4， 5， 6])); // true

也可以使用every 或者 some等

最推荐的方式呢，就是这种需要break的场景下，直接使用every或者some。

• every: 碰到return false的时候，循环中止，return true 循环继续；
• some: 碰到return ture的时候，循环中止，return false 循环继续;

总结

本文介绍了为什么不能在forEach里使用break；在forEach里使用break 会发生什么以及怎样在forEach里使用break，更多关于forEach循环break使用的资料请关注易盾网络其它相关文章！