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

这只是我想出的解决问题的方法。。。我很确定它解决了最初提问者的问题：

Array.prototype.each = function(callback){
    if(!callback) return false;
    for(var i=0; i<this.length; i++){
        if(callback(this[i], i) == false) break;
    }
};

然后您可以使用以下方法调用它：

var myarray = [1,2,3];
myarray.each(function(item, index){
    // do something with the item
    // if(item != somecondition) return false; 
});

在回调函数中返回false将导致中断。如果这不管用，请告诉我。

引用Array.prototype.forEach（）的MDN文档：

除此之外，无法停止或中断forEach（）循环通过抛出异常。如果您需要这样的行为，.forEach（）方法是错误的工具，请改用普通循环。如果要测试谓词的数组元素并需要布尔返回值，则可以改用every（）或some（）。

对于您的代码（在问题中），如@bobince所建议的，请改用Array.protocol.some（）。它非常适合您的用例。

Array.pr原型.some（）对数组中的每个元素执行一次回调函数，直到找到一个回调返回真值（当转换为布尔值时变为真）的元素。如果找到这样的元素，some（）立即返回true。否则，some（）返回false。回调仅对已赋值数组的索引调用；对于已删除或从未赋值的索引，不会调用它。

没有内置的功能可以为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});

还有一种方法：

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

尝试“查找”：

var myCategories = [
 {category: "start", name: "Start", color: "#AC193D"},
 {category: "action", name: "Action", color: "#8C0095"},
 {category: "exit", name: "Exit", color: "#008A00"}
];

function findCategory(category) {
  return myCategories.find(function(element) {
    return element.category === category;
  });
}

console.log(findCategory("start"));
// output: { category: "start", name: "Start", color: "#AC193D" }