JavaScript……In vs for

你认为……有很大的不同吗?In和for循环?你更喜欢用哪种for ?为什么?

假设我们有一个关联数组数组:

var myArray = [{'key': 'value'}, {'key': 'value1'}];

所以我们可以迭代:

for (var i = 0; i < myArray.length; i++)

And:

for (var i in myArray)

我看不出有什么大的不同。是否存在性能问题?

当前回答

根据jsperf，更短且最好的代码是

keys  = Object.keys(obj);
for (var i = keys.length; i--;){
   value = obj[keys[i]];// or other action
}

其他回答

我认为你应该根据你的需要来选择迭代方法。我建议你不要用for in结构来循环原生数组。它的速度要慢得多，而且正如Chase Seibert刚才指出的那样，它与Prototype框架不兼容。

有一个关于不同循环风格的优秀基准测试，如果您使用JavaScript，绝对应该看看。不要做早期的优化，但你应该把这些东西放在你脑后的某个地方。

我将使用for in来获取对象的所有属性，这在调试脚本时特别有用。例如，当我探索不熟悉的物体时，我喜欢把这句话放在手边:

l = ''; for (m in obj) { l += m + ' => ' + obj[m] + '\n' } console.log(l);

它将整个对象的内容(连同方法体)转储到Firebug日志中。非常方便。

数组上的For in循环与Prototype不兼容。如果您认为将来可能需要使用该库，那么坚持使用for循环是有意义的。

http://www.prototypejs.org/api/array

jQuery用户

jQuery的each(回调)方法使用for(;,)默认情况下循环，仅当长度未定义时才使用for(in)。

因此，我认为在使用这个函数时，假设正确的顺序是安全的。

例子:

$(['a','b','c']).each(function() {
    alert(this);
});
//Outputs "a" then "b" then "c"

使用它的缺点是，如果你在做一些非UI逻辑，你的函数将不太容易移植到其他框架。each()函数可能最好保留给jQuery选择器使用，而对于(;,)否则可能是明智的。

根据使用的循环类型和浏览器的不同，会有不同的性能。

例如:

for (var i = myArray.length-1; i >= 0; i--)

在某些浏览器上几乎是以下速度的两倍:

for (var i = 0; i < myArray.length; i++)

然而，除非你的数组是巨大的，或者你不断地循环它们，所有的都足够快。我严重怀疑数组循环是你的项目(或任何其他项目)的瓶颈。

for(;;)用于数组:[20,55,33]

{x:20,y:55:z:33}

推荐文章