js中使用for 循环和 for in 遍历数组区别

最近研究了下js，发现其中的一些微妙差别（所谓的坑吧），就是js中使用普通for循环和 for in循环遍历数组的区别。详情如下：

假定一个数组

var test = [aa,bb];

下面咱们打印数组的内容

var test = [aa,bb];

传统for 循环遍历

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

alert(test[i]);

}

**360浏览器**输出： aa , bb,

**chrome浏览器**输出 aa, bb

使用for in循环遍历 for (var i in test) {

alert(test[i]);

}

**360浏览器**输出：aa , bb ， function (){

return this.concat()

}

**chrome浏览器**输出 aa, bb

结果发现for in遍历不同浏览器输出结果不一样，for in 将Array原型打印出来了。

另外再试试扩展数组Array原型看看如何://扩展了js原生的

ArrayArray.prototype.test=function()}

然后再次输出结果如下

var test = [aa,bb];

传统 for 循环遍历 for (var i =0;i <test.length;i++) {

alert(test[i]);

}

**360浏览器**输出：aa , bb

**chrome浏览器**输出 aa, bb

使用for in 循环遍历 for (var i in test) {

alert(test[i]);

}

**360浏览器**输出：aa , bb ，

function (){ return this.concat() }, function (){ }

**chrome浏览器**输出 aa , bb ， function (){ }

结果发现，for in 循环遍历数组是会将数组的原型中属性遍历出来，扩展后更加明显，可见for in 其实是根据关键字key去遍历数组，而传统for循环是根据索引下标遍历的。

总结:

1.最好不使用 for in遍历数组，使用for循环遍历。

2.如果Array有原型扩展的话一定不用for in ，没有扩展可以用。

[参考](http://www.tuicool.com/articles/3meE3a)