最近研究了下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)