各种迭代器性能差异的原因

Cause of performance difference in various iterators

本文关键字：迭代器 性能      更新时间：2023-09-26

在使用JavaScript的新数组函数时，我在以下代码中看到了一些主要的性能差异：jsfiddle：http://jsfiddle.net/jKUm5/

最慢for var i in array(67.2ms(：

for (var a=0;a<amount;a++) {
    for (var b in arr) {
        arr[b]++;
    }
}

JS 5.1 array.forEach(2.1ms(：

for (var c=0;c<amount;c++) {
    arr.forEach(function(e,i,a) {
        arr[i]++;
    });
}

最快(默认(for var i=0;i<array.length;i++(1.1ms(：

for (var d=0;d<amount;d++) {
    for (var e=0;e<arr.length;e++) {
        arr[e]++;
    }
}

我认为使用for var i in array而不是默认值是一个很好的做法，但似乎默认值是最快的！

我的主要问题是：

  • for var i in array性能不佳的原因是什么
  • 默认迭代器和新迭代器之间有什么区别(有什么必要使用另一个迭代器方法(

for-in循环迭代对象上的所有属性，而不仅仅是数组值。因此，它必须从对象中检索这些属性值，而不是像其他两种方法那样只生成数组索引。除了迭代数组的方式错误之外，它的速度慢也不足为奇。但不管速度如何，迭代数组的方式都是错误的。如果有人向Array原型添加了一个可迭代的方法或属性，那么该属性将显示在for-in数组迭代中。

.forEach()是为了方便，有时回调创建的闭包也很方便(尤其是当您想在异步回调中访问数组索引时(。它可能更慢，因为它涉及到每次迭代都有参数的函数调用，而第三种方法在每次迭代中没有额外的函数调用。

仅供参考，.forEach()方法是Firefox中三种方法中速度最慢的，因此这也因浏览器而异。

相关文章：