javascript - 打破数组循环函数(map、forEach 等)的循环

Question

如何从数组上的隐式循环中中断(类似于 break 语句)？

Array.prototype.map、Array.prototype.forEach 等函数意味着对数组元素的循环。我想有条件地尽早打破这个循环。

这个人为的例子:

const colours = ["red", "orange", "yellow", "green", "blue", "violet"];

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

导致语法错误:未标记的中断必须位于循环或开关内。

如何像 break 语句那样中断循环？

Answer 1

您无法使用常规方式来完成此操作。您可以通过记住循环是否“中断”来模拟 break 行为。该解决方案的不足之处在于循环实际上仍在继续(尽管跳过了迭代逻辑)。

let isBroken = false;

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

您的示例的最佳解决方案是使用简单的 for 循环。

for (colour of colours) {
    if (colour.startsWith("y")) {
        console.log("The yessiest colour!");
        break;
    }
}

您还可以使用一种肮脏的方式来实际停止 map 循环。

colours.map((item, index, array) => {
    if (item.startsWith("y")) {
        console.log("The yessiest colour!");
        array.splice(0, index);
    }
});
// The colours array will be modified after this loop