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

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

希望这对某人有所帮助。

还有一种方法：

var wageType = types.filter(function(element){
  if(e.params.data.text == element.name){
    return element;
  }
});
console.dir(wageType);

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

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

长答案：

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

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

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

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

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

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