ECMA-/Javascripts Array.prototype.forEach

Question

Javascript (ECMAscript) 从 1.6 版（ECMAscript 第 3 版，2005 年）开始支持 Array.prototype.forEach 方法。因此，相当多的浏览器已经支持该方法，并且与 jQuery 的 $.each() 方法相比，它的速度快得令人难以置信。
（实际上，无论哪个 Javascript 库，它都击败了所有实现）

与 jQuery 相比，它的速度大约快 60-70%。亲自尝试一下 JSPerf 上的 forEach 与 jQuery。

到目前为止，我使用它的唯一缺点是，我无法找到一种方法来尽早打破迭代。与 for 一样，while 和 do-while 有一个 break 语句，jQuery 的 .each()< /code> 支持return false 来打破循环。

我研究了ECMAScript Edition 5 规范（我发现的最新版本），但他们没有提到从该循环中提前中断。

那么，问题来了，Douglas Crockford 先生会将此称为设计错误吗？
我是否错过了一些东西并且可以尽早打破这样的循环？

编辑

感谢您迄今为止的回答。我想由于没有人提出“本机”解决方案，因此确实没有实现该解决方案（也许是一个功能？）。不管怎样，我不太喜欢建议的方法，所以我闲逛了一下，终于找到了一个我喜欢的方法（至少更好）。看起来像：

var div     = document.createElement('div'),
divStyle    = div.style,
support     = jQuery.support,
arr         = ['MozTransform', 'WebkitTransform', 'OTransform'];

arr.slice(0).forEach(function(v,i,a){    
    if(divStyle[v] === ''){
       support.transform = v;
       a.length = 0;
    }
});

这是“真正的”生产代码。我寻找一种很好的方法来查找 css3 转换属性，但我迷失在 ecma5 规范和规范中。奇怪的 Javascript 论坛:-)

因此，您可以将数组对象本身作为第三个参数传递到 .forEach 回调中。我从原始数组创建一个副本，调用 slice(0) 并在找到所需内容后立即将其 .length 属性设置为 0。效果很好。

如果有人提出更好的解决方案，我当然会编辑它。

Answer 1

好吧，您可以使用 every 来代替。如果提供的回调函数为数组中的每个元素返回 true（真值），则该函数将返回 true，否则返回 false。这里的关键点是，一旦回调函数返回一个错误值，every 立即返回 false，而不迭代数组的其余部分。因此，只需忽略返回值，并将 every 视为 forEach。

[1, 2, 3, 4, 5].every(function(e) {
   alert(e);

   if (e > 2) return false; //break

   return true;
});

在此示例中，alert 只会触发 3 次。

当然，这里需要注意的是，如果您希望循环继续，您必须返回一个真值。事实上，如果您不返回任何内容（未定义），则循环将停止。或者，您可以使用 some ，其行为方式完全相反；当回调函数返回 true 值时，立即返回 true；如果从未返回 true 值，则立即返回 false。在这种情况下，return true 将是您的“break”语句。向后是的，但它使您不必简单地返回 true 来让循环继续。

现在，如果您关心性能，我建议仅使用普通的 for 循环，因为调用函数时会产生显着的开销，因为这会在较大的数组中快速累加。使用本机函数会有所帮助，但重复调用用户定义函数的开销仍然存在，而且并非微不足道。至少这是我的经验，你当然应该做自己的测试。

Answer 2

您可以抛出一个错误来中断迭代：

if (typeof BreakIteration == "undefined") {
  BreakIteration = new Error("BreakIteration");
}

try {
    [0,1,2,3,4].forEach(function(key, value) {            
        console.log(key + ': ' + value);

        if (value == 3) {
            throw BreakIteration;
        }
    });
} catch (error) {
    if (error !== BreakIteration) {
        throw error;
    }
}

这不太漂亮。我同意——规格错误。

Answer 3

我假设您有一大块代码需要针对每个元素运行。不要使用 forEach 来查找元素或类似的“停在中间”操作。将此函数应用于数组中的每个元素。

你可以（我认为）使用某种全局指示器来检查并返回 false 如果“找到”或其他东西。

var found = false;
array.forEach(function (k, v) { 
    if (found) 
    { 
        return false; 
    } 
    else 
    { 
        if (v == 1) 
        { 
            found = true; 
        }
    } 
}); 

Answer 4

我想如果我想循环搜索，我会使用其他一些构造。

打破 forEach-ing 的一个选项当然是抛出某些东西，尽管这并不是人们真正想要使用 throw 的方式...