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

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

如果迭代后不需要访问数组，可以通过将数组的长度设置为0来退出。如果您在迭代后仍然需要它，可以使用slice来克隆它。。

[1,3,4,5,6,7,8,244,3,5,2].forEach(function (item, index, arr) {
  if (index === 3) arr.length = 0;
});

或者使用克隆：

var x = [1,3,4,5,6,7,8,244,3,5,2];

x.slice().forEach(function (item, index, arr) {
  if (index === 3) arr.length = 0;
});

这是一个比在代码中抛出随机错误更好的解决方案。

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

您可以创建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);
}

从您的代码示例中，它看起来像Array.prototype.find，这就是您要查找的：Array.prototy.find（）和Array.prototype.findIndex（）

[1, 2, 3].find(function(el) {
    return el === 2;
}); // returns 2