js中断 forEach 循环的方法汇总
1、使用 Array.prototype.some() 方法代替
some() 方法会在找到第一个符合条件的元素时停止循环。
例如：
let array = [1, 2, 3, 4, 5];
array.some(function(element, index, array) {
if (element === 3) {
console.log("Found 3 at index " + index);
return true;
}
});上述代码会在找到第一个符合条件的元素（即 3）时停止循环。
2、使用 Array.prototype.every() 方法代替
let array = [1, 2, 3, 4, 5];
let stop = array.every(function(element) {
console.log(element);
if (element === 3) {
console.log("Found 3 at index ");
return false;
}
return true;
});上述代码会在找到第一个符合条件的元素（即 3）时停止循环。
请注意，该方法找到的元素不会返回，需要在回调中自己处理。
3、使用 for循环代替
let array = [1, 2, 3, 4, 5];
for(let i = 0; i < array.length; i++) {
if (array[i] === 3) {
console.log("Found 3 at index " + i);
break;
}
}上述代码也会在找到第一个符合条件的元素（即 3）时停止循环。
4、使用 try-catch 结构
可以在 forEach 循环内部使用 throw 语句来中断循环，并在外部使用 catch 语句来捕获该异常。
例如：
let array = [1, 2, 3, 4, 5];
try {
array.forEach(function(element, index, array) {
if (element === 3) {
console.log("Found 3 at index " + index);
throw "StopIteration";
}
});
} catch (e) {
if (e !== "StopIteration") throw e;
}上述代码会在找到第一个符合条件的元素（即 3）时停止循环。
请注意，使用 throw 语句中断 forEach 循环可能会使代码变得更加复杂，并且容易出现错误。因此，如果可能的话，应该使用前面提到的 Array.prototype.some() 或 for 循环来代替。
5、使用自定义的迭代器函数
let array = [1, 2, 3, 4, 5];
function forEach(array, callback) {
for (let i = 0; i < array.length; i++) {
callback(array[i], i, array);
if (array[i] === 3) {
console.log("Found 3 at index " + i);
break;
}
}
}
forEach(array, function(element, index, array) {
console.log(element);
});上述代码会在找到第一个符合条件的元素（即 3）时停止循环。
这种方法虽然不够简洁，但是它可以在不改变原来的forEach函数的情况下，增加新的功能。
6、使用 Array.prototype.find() 或 Array.prototype.findIndex() 方法代替
find() 方法会在找到符合条件的第一个元素后返回该元素，并停止循环。
例如：
let array = [1, 2, 3, 4, 5];
let found = array.find(function(element) {
return element === 3;
});
console.log(found);上述代码会在找到第一个符合条件的元素（即 3）时停止循环并返回该元素。
Array.prototype.findIndex() 方法会在找到符合条件的第一个元素后返回该元素的索引，并停止循环。
例如：
let array = [1, 2, 3, 4, 5];
let index = array.findIndex(function(element) {
return element === 3;
});
console.log(index);上述代码会在找到第一个符合条件的元素（即 3）时停止循环并返回该元素的索引。
使用 Array.prototype.find() 或 Array.prototype.findIndex() 方法可以在 forEach 循环中找到符合条件的第一个元素并停止循环。这两种方法是在找到符合条件的元素后返回该元素或索引，而不是像 some() 方法或 for 循环中需要再次返回一个布尔值或使用 throw 语句来中断循环。
总之，主要方法还是通过其它方式代替 forEach 循环的中断，只有方法4 使用 try-catch 结构是实际意义上中断 forEach 循环。
到此这篇关于js中断 forEach 循环的几种方法的文章就介绍到这了,更多相关js中断 forEach 循环内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了JavaScript实现解析INI文件内容的方法,结合实例形式分析了javascript通过自定义函数实现针对ini文件解析操作的相关处理技巧,需要的朋友可以参考下2016-11-11
window.close()是用来关闭窗口的，而且ie和firefox都是支持的，下面通过示例为大家介绍下用javascript关闭本窗口2014-09-09
这篇文章主要为大家介绍了uniapp微信小程序强制更新解决的示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
这篇文章主要为大家介绍了JavaScript 算法 复写0双指针解法，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
本文给大家分享的是一则翻译过来的，由国外友人写的如何简单有效的实现javascript MVC样式框架，算是一个MVC的入门教程，希望大家能够喜欢。2015-03-03
这篇文章主要介绍了详解html-webpack-plugin插件(用法总结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
JavaScript事件循环是一种机制，用于处理异步事件和回调函数。它是JavaScript运行时环境的一部分，负责管理事件队列和调用栈。文章中有详细的代码示例，需要的朋友可以参考一下2023-04-04
下面小编就为大家带来一篇JavaScript几种数组去掉重复值的方法推荐。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看2016-04-04
本节主要介绍了JS判断变量是否为空是否null的方法,需要的朋友可以参考下2014-07-07
js parseInt的陷阱分析小结,当第一个字符为0时，Js会把它看成一个8进制数字，其他8进制之外的字符都回被忽略掉。2011-03-03
最新评论