现在，在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;
}

React中内置Array.prototype.map函数的突破

这里要注意的关键是使用语句return to BREAK

let isBroken = false;

colours.map(item => {
    if (isBroken) {
        return;
    }
    if (item.startsWith("y")) {
        console.log("The yessiest colour!");
        isBroken = true;
        return;
    }
});

此处提供更多信息：https://www.codegrepper.com/code-examples/javascript/break+out+of+map+javascript

同意@bobince，支持。

此外，仅供参考：

Prototype.js有这样的功能：

<script type="text/javascript">
  $$('a').each(function(el, idx) {
    if ( /* break condition */ ) throw $break;
    // do something
  });
</script>

$break将由Prototype.js在内部捕获和处理，打破“each”循环，但不会产生外部错误。

有关详细信息，请参见Prototype.JS API。

jQuery也有一种方法，只需在处理程序中返回false，即可尽早中断循环：

<script type="text/javascript">
  jQuery('a').each( function(idx) {
    if ( /* break condition */ ) return false;
    // do something

  });
</script>

有关详细信息，请参见jQuery API。

考虑使用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');
// => []

如果您想使用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函数已经存在，则只会更新它。如果它还不存在，它将不会修改它。

这不是最有效的，因为你仍然循环所有元素，但我认为这可能值得考虑非常简单的：

let keepGoing = true;
things.forEach( (thing) => {
  if (noMore) keepGoing = false;
  if (keepGoing) {
     // do things with thing
  }
});