[1,2,3].forEach(function(el) {
if(el === 1) break;
});
如何在JavaScript中使用新的forEach方法实现这一点？我尝试过返回；，return false；和断裂。break崩溃，return只会继续迭代。
当前回答
如果您想保持forEach语法，这是一种保持其高效的方法（尽管不如常规for循环好）。立即检查一个变量，该变量是否知道您是否想要脱离循环。
此示例使用匿名函数来围绕forEach创建函数范围，您需要存储已完成的信息。
（函数（）{var element=document.getElementById（'打印结果'）；var done=假；[1,2,3,4].forEach（功能（项目）{如果（完成）｛return；｝var text=document.createTextNode（项）；element.appendChild（文本）；如果（项==2）{done=真；回来}});})();<div id=“printed result”></div>
我的两分钱。
其他回答
您可以使用每种方法：
[1,2,3].every(function(el) {
return !(el === 1);
});
ES6
[1,2,3].every( el => el !== 1 )
对于旧浏览器支持使用：
if (!Array.prototype.every)
{
Array.prototype.every = function(fun /*, thisp*/)
{
var len = this.length;
if (typeof fun != "function")
throw new TypeError();
var thisp = arguments[1];
for (var i = 0; i < len; i++)
{
if (i in this &&
!fun.call(thisp, this[i], i, this))
return false;
}
return true;
};
}
更多详情请点击此处。
考虑使用jquery的each方法，因为它允许在回调函数中返回false：
$.each(function(e, i) {
if (i % 2) return false;
console.log(e)
})
Lodash库还提供了takeWhile方法，可以与map/reduce/fold等链接：
var users = [
{ 'user': 'barney', 'active': false },
{ 'user': 'fred', 'active': false },
{ 'user': 'pebbles', 'active': true }
];
_.takeWhile(users, function(o) { return !o.active; });
// => objects for ['barney', 'fred']
// The `_.matches` iteratee shorthand.
_.takeWhile(users, { 'user': 'barney', 'active': false });
// => objects for ['barney']
// The `_.matchesProperty` iteratee shorthand.
_.takeWhile(users, ['active', false]);
// => objects for ['barney', 'fred']
// The `_.property` iteratee shorthand.
_.takeWhile(users, 'active');
// => []
如果您需要根据数组中已经存在的元素的值进行中断（例如，如果中断条件不依赖于在为数组分配元素值后可能发生变化的运行时变量），您也可以使用slice（）和indexOf（）的组合，如下所示。
如果您需要在forEach到达“Apple”时中断，可以使用
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var fruitsToLoop = fruits.slice(0, fruits.indexOf("Apple"));
// fruitsToLoop = Banana,Orange,Lemon
fruitsToLoop.forEach(function(el) {
// no need to break
});
如W3Schools.com中所述，slice（）方法将数组中选定的元素作为新的数组对象返回。原始阵列将不会更改。
在JSFiddle中查看
希望这对某人有所帮助。
如果您想保持forEach语法，这是一种保持其高效的方法（尽管不如常规for循环好）。立即检查一个变量，该变量是否知道您是否想要脱离循环。
此示例使用匿名函数来围绕forEach创建函数范围，您需要存储已完成的信息。
（函数（）{var element=document.getElementById（'打印结果'）；var done=假；[1,2,3,4].forEach（功能（项目）{如果（完成）｛return；｝var text=document.createTextNode（项）；element.appendChild（文本）；如果（项==2）{done=真；回来}});})();<div id=“printed result”></div>
我的两分钱。
使用array.prototype.every函数，它为您提供了中断循环的实用程序。请参阅Mozilla开发者网络上的Javascript文档示例
