哪个最快：$.each、.ForEach、for-loop 还是其他？ [关闭]

Question

我无法决定我应该使用 $.each(array, function(){...}) 还是 array.ForEach(...) 或其他。所以我打电话给给我this link, which is fantastic if it's reliable的may google。

据此，不同方法之间的速度存在巨大差异。此外，一般来说，for 循环似乎是首选。

我不是 JavaScript 专家，所以我想从一些精通 JS 的成员那里获得一些意见。

Answer 1

可能是原生 for 循环（好吧，除了歌剧之外的所有地方，foreach 更快，但这是另一回事）。

但是在 99.9% 的情况下确实无关紧要。

如果可以的话，总是更喜欢可读的代码而不是更快的代码。所有这些类型的循环都可以在一台普通机器上每秒处理数十万次迭代。

可读代码在这里更重要——如果一个$.each 超过 100 个元素对你来说似乎更可读——无论如何都要这样做（我个人通常更喜欢Array.forEach，主要是因为它是原生的并且与原生 .map 一致.filter.reduce 等等）。如果您在循环中执行大量工作，则差异会变得更小。

假设您有一个名为 doSomethingWithCurrent 的方法：

for(var i=0;i<elements.length;i++){
   var current = elements[i];
   doSomethingWithCurrent(current);
}

对比：

elements.forEach(doSomethingWithCurrent);

第二个可能更慢，但它也更具可读性（至少对我而言），这使得它更易于维护。

下面的场景怎么样 - 你有一个包含名字和姓氏的对象数组，你想创建一个包含全名的新字符串数组：

普通循环：

var new = [];
for(var i=0;i<names.length;i++){
    new.push(names[i].firstName+" "+names[i].lastName);
}

使用地图：

var new = names.map(function(elem){ 
    return elem.firstName+" "+elem.lastName;
});

再次，我发现第二个更易读，即使它更慢。编写可维护和可读的代码通常比编写快速代码更重要。

也就是说，“什么更易读”通常是个人喜好问题，保持一致很重要。

对于沙漠 - 吃点 Knuth：

程序员会浪费大量时间来思考或担心程序中非关键部分的速度，而在考虑调试和维护时，这些提高效率的尝试实际上会产生强烈的负面影响。我们应该忘记小的效率，比如大约 97% 的时间：过早优化是万恶之源。然而，我们不应该放弃那关键的 3% 的机会。

Answer 2

在将 Jquery 循环与 javascript 循环进行比较时，您需要记住 Jquery 是使用 javascript 实现的。

所有的 Jquery 函数最终都会运行标准的 javascript 代码。

因此，这意味着在大多数情况下，原生 javascript 会更高效。

我最喜欢的速度循环是：

for(var i, ilen = MAXLENGTH; i < ilen; i++){
}

除非在这种情况下遍历 javascript 对象：

for(var key in object){
     if(object.hasOwnProperty(key)){

     }
}

这代表了将 Jquery 与 javascript 进行比较时的大多数用例。

$('#elementid'); 

比

慢很多

$(document.getElementById('elementId'));

还有许多其他示例。

Jquery 可用于使代码看起来更干净或在版本 2 之前实现跨浏览器兼容性。

但是在高性能情况下，如果你能保证只需要支持现代浏览器，javascript 通常会快得多。

Answer 3

谈到 JavaScript，我经常在原始速度和知道函数存在之间纠结。

根据 Mozilla，在 IE9 之前，IE 不支持 Array.forEach。

因此，我会尽量避免使用普通的 for 循环，因为 JSPerf 显示在 Chrome 中运行得更快（至少），或者来自 JQuery 的旧 $.each，因为您可以依赖以下事实它就在那里，而且很可能会在某个时候开始在内部使用Array.forEach。