迭代性能比较

Question

我有一个数组：

deleteIds= ["User1"];

并尝试对其进行迭代，如下所示：

第一个：

for (var index = 0; index < len; index++) {
    alert(deleteIds[index]);
}

第二个：

for (var index in deleteIds) {
    alert(deleteIds[index]);
}

它们的性能比较是什么？

Answer 1

这充其量只是一种微观优化。除非您的 deleteIds 数组中有数十万个元素，否则您不应该考虑对此进行优化。

事实证明，for(;;;) 版本比 for in 更快：http://jsperf.com/iteating-over-a-loop/2 （感谢 @Jamiec 的 jsperf）。

然而，比这些代码的性能比较更重要的是，两个代码片段在功能上彼此不同（实例）。

var array = new Array(100);
for (var i = 0; i < array.length; i++) {
    console.log(i); // shows 0 - 99
}

for (var x in array) {
    console.log(x); // shows nothing
}

此外，如果您向数组或数组原型链中的对象添加方法，它们将显示在 for (var x in y) 循环中，但不会显示在 中for (;;;); （现场示例）：

Array.prototype.foo = function() {};
var array = [];
for (var i = 0; i < array.length; i++) {
    console.log(i); // nothing
}

for (var x in array) {
    console.log(x); // `foo`
}

您可以使用 hasOwnProperty< /code> 消除继承的属性来自原型链，但这不会阻止您直接在对象上接收方法（实时示例） ：

Array.prototype.foo = function() {};
var array = [];
array.bar = function () {};

for (var i = 0; i < array.length; i++) {
    console.log(i); // nothing
}

for (var x in array) {
    if (array.hasOwnProperty(x)) {
        console.log(x); // `bar`
    }
}

正是由于这些原因，不鼓励使用 for in 来迭代数组，并且 for(;;;) 版本应该始终 代替使用。 for in 应用于迭代对象。