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

没有内置的功能可以为Each进行破解。要中断执行，必须抛出某种异常。

var BreakException=｛｝；尝试{[1，2，3]对于每个（函数（el）{控制台日志（el）；如果（el==2）抛出BreakException；});}捕获（e）{如果（e！==BreakException）抛出e；}

JavaScript异常并不漂亮。如果你真的需要打破传统的for循环，那么它可能更合适。

使用数组#some

而是使用Array#some：

[1，2，3]一些（函数（el）{控制台日志（el）；返回el==2；});

这之所以有效，是因为只要按数组顺序执行的任何回调返回true，就会立即返回true，从而缩短其余回调的执行。

有些，它的逆every（返回false时停止）和forEach都是ECMAScript第五版方法，需要在缺少它们的浏览器上添加到Array.prototype中。

使用数组#间隔

[1，2，3]每（v=>{如果（v>2）{return false//“break”}控制台日志（v）；return true//如果不中断，则必须返回true});

同意@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。

如果您需要根据数组中已经存在的元素的值进行中断（例如，如果中断条件不依赖于在为数组分配元素值后可能发生变化的运行时变量），您也可以使用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中查看

希望这对某人有所帮助。

这是一个for循环，但像forEach（）一样在循环中维护对象引用，但可以中断。

var arr = [1,2,3];
for (var i = 0, el; el = arr[i]; i++) {
    if(el === 1) break;
}

您可以使用每种方法：

[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;
  };
}

更多详情请点击此处。