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

我为此使用了nullhack，它试图访问null的属性，这是一个错误：

try {
  [1,2,3,4,5]
  .forEach(
    function ( val, idx, arr ) {
      if ( val == 3 ) null.NULLBREAK;
    }
  );
} catch (e) {
  // e <=> TypeError: null has no properties
}
//

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

我知道这不是正确的方式。这不是打破循环。这是一个Jugad让结果=真；[1，2，3]对于每个（函数（el）{if（结果）{控制台日志（el）；如果（el==2）{result=false；}}});

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

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

您可以创建forEach的变体，该变体允许break、continue、return甚至async/await：（用TypeScript编写的示例）

export type LoopControlOp = "break" | "continue" | ["return", any];
export type LoopFunc<T> = (value: T, index: number, array: T[])=>LoopControlOp;

Array.prototype.ForEach = function ForEach<T>(this: T[], func: LoopFunc<T>) {
    for (let i = 0; i < this.length; i++) {
        const controlOp = func(this[i], i, this);
        if (controlOp == "break") break;
        if (controlOp == "continue") continue;
        if (controlOp instanceof Array) return controlOp[1];
    }
};

// this variant lets you use async/await in the loop-func, with the loop "awaiting" for each entry
Array.prototype.ForEachAsync = async function ForEachAsync<T>(this: T[], func: LoopFunc<T>) {
    for (let i = 0; i < this.length; i++) {
        const controlOp = await func(this[i], i, this);
        if (controlOp == "break") break;
        if (controlOp == "continue") continue;
        if (controlOp instanceof Array) return controlOp[1];
    }
};

用法：

function GetCoffee() {
    const cancelReason = peopleOnStreet.ForEach((person, index)=> {
        if (index == 0) return "continue";
        if (person.type == "friend") return "break";
        if (person.type == "boss") return ["return", "nevermind"];
    });
    if (cancelReason) console.log("Coffee canceled because: " + cancelReason);
}