本文解析了JavaScript中使用for(var index in items)循环数组时可能遇到的问题，并对比了它与for(var i = 0; i < items.length; i++)的区别。特别强调了前者不仅遍历数组元素，还会遍历通过原型链添加的属性。
慎用 JS 中的 for (var index in items) 循环数组项
写在前面：有些朋友在搜索 for (var i in data)，这个是循环属性，和循环数组略有不同，请参见：JavaScript 的 for (var i in data)。
JavaScript 循环数组的项，我们一般人用 for (var i = 0; i < items.length; i++)，也有人用 for (var index in items)。
我们要慎用 for (var index in items)，为什么呢？
首先这个与 C# 中的 foreach 不一样，foreach 中的 index 表示的是项，而这里 index 是表示项索引，也就是 0、1、2、3……
这还不是致命的，看下面的示例：
Array.prototype.copy = function () { };
var arr = [1, 2];
for (var index in arr)
{
alert(index);
}
var arr = [1, 2];
for (var index in arr)
{
alert(index);
}
我们看到会弹出三个对话框，分别是：0、1、copy，也就是说除了项的数值索引 0、1，还多了一个 copy，而这个 copy 就是因为 Array.prototype.copy 扩展得到的。
所以说不要把 for (var index in items) 当作是 for (var i = 0; i < items.length; i++) 的一种简写，二者具有不同的意义。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
