短路阵列，用于每个类似的呼叫中断

[1,2,3].forEach(function(el) {
    if(el === 1) break;
});

如何在JavaScript中使用新的forEach方法实现这一点？我尝试过返回；，return false；和断裂。break崩溃，return只会继续迭代。

当前回答

现在，在ECMAScript2015（也称为ES6）中使用新的for of循环有更好的方法来实现这一点。例如，此代码不打印数字5之后的数组元素：

常量arr=[0，1，2，3，4，5，6，7，8，9，10]；for（arr常量）{控制台日志（el）；如果（el==5）{打破}}

从文档中：

两者都用于。。。为。。。of语句对某些内容进行迭代。它们之间的主要区别在于迭代的内容。用于。。。in语句按原始插入顺序迭代对象的可枚举财产。用于。。。of语句迭代可迭代对象定义要迭代的数据。

迭代中需要索引吗？可以使用Array.entries（）：

for (const [index, el] of arr.entries()) {
  if ( index === 5 ) break;
}

2015-08-19 16:43:02

其他回答

不幸的是，在这种情况下，如果不使用forEach会更好。而是使用一个常规的for循环，它现在将完全按照您的预期工作。

var array = [1, 2, 3];
for (var i = 0; i < array.length; i++) {
  if (array[i] === 1){
    break;
  }
}

2015-08-25 20:03:45

简短回答：用于。。。为此中断或更改代码以避免中断forEach。不要使用.some（）或.every（）来模拟。。。打破重写代码以避免。。。中断循环，或用于。。。打破每次你使用这些方法。。。上帝杀死了小猫。

长答案：

.some（）和.every（）都返回布尔值，如果有任何元素的传递函数返回true，.some（返回true，如果有元素的传递的函数返回false，则every返回false。这就是函数的含义。使用函数来实现它们并不意味着什么，这比使用表来布局而不是CSS要糟糕得多，因为这会让所有阅读代码的人感到沮丧。

此外，使用这些方法的唯一可能方法是。。。break替代方法是产生副作用（在.some（）回调函数之外更改一些vars），这与for。。。打破

因此，使用.some（）或.every（）作为。。。断环替代方案并没有副作用，这对。。。打破，这是令人沮丧的，所以这不是更好的。

您可以随时重写代码，这样就不需要。。。打破您可以使用.filter（）过滤数组，也可以使用.slice（）等拆分数组，然后使用.forEach（）或.map（）处理该部分数组。

2013-07-29 12:34:28

如前所述，不能破坏.forEach（）。

这里有一种使用ES6迭代器进行foreach的稍微更现代的方法。允许您在迭代时直接访问索引/值。

const array = ['one', 'two', 'three'];

for (const [index, val] of array.entries()) {
  console.log('item:', { index, val });
  if (index === 1) {
    console.log('break!');
    break;
  }
}

输出：

item: { index: 0, val: 'one' }
item: { index: 1, val: 'two' }
break!

链接

Array.prototype.entries（）迭代器和发电机解构赋值

2017-12-14 11:58:54

如果您想使用Dean Edward的建议并抛出StopIteration错误以跳出循环而不必捕获错误，则可以使用以下函数（最初来自此处）：

// Use a closure to prevent the global namespace from be polluted.
(function() {
  // Define StopIteration as part of the global scope if it
  // isn't already defined.
  if(typeof StopIteration == "undefined") {
    StopIteration = new Error("StopIteration");
  }

  // The original version of Array.prototype.forEach.
  var oldForEach = Array.prototype.forEach;

  // If forEach actually exists, define forEach so you can
  // break out of it by throwing StopIteration.  Allow
  // other errors will be thrown as normal.
  if(oldForEach) {
    Array.prototype.forEach = function() {
      try {
        oldForEach.apply(this, [].slice.call(arguments, 0));
      }
      catch(e) {
        if(e !== StopIteration) {
          throw e;
        }
      }
    };
  }
})();

上述代码将使您能够运行以下代码，而无需执行自己的try-catch子句：

// Show the contents until you get to "2".
[0,1,2,3,4].forEach(function(val) {
  if(val == 2)
    throw StopIteration;
  alert(val);
});

需要记住的一点是，如果Array.prototype.forEach函数已经存在，则只会更新它。如果它还不存在，它将不会修改它。

2011-07-05 19:32:16