JavaScript初学者最容易犯的错误(二)

（欢迎访问：http://www.3body.tk/iblog/）

对数组使用for…in语法

for…in 语句在w3cschool中的定义

“用于对数组或者对象的属性进行循环操作”。
for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。

for…in 的语法：

for (prop in obj)
{
    //...do something to prop or obj[prop]
}

这种语法看上去比普通的for循环简洁的多，但是在项目开发过程中，建议还是尽量不要使用for…in来对数组进行遍历操作。

因为在上述代码中，prop是作为对象的属性来定义的。虽然我们可以用obj[prop]取到数组中的每个元素，并且打印prop的话也是0 ，1，2，3…，但是这儿的prop与普通数组的下标并不一样，它并没有定义为一个整型，而是作为一个属性字符串，所以如果我们 将它当成一个整数来处理，有时候就会出现一些奇怪的错误。

看下面的代码：

var arr = ["sdf","ss","dd","fd","we","as","fds","hj","tyu","nhg"];
var length = arr.length;

for(index in arr) {
    if (index < length - 1) {

        arr[index] = arr[index + 1];

        alert(arr[index]);

    }

}

实现的功能很简单，就是将数组中所有的元素往前移一位，但是运行这段代码的时候会发现，alert打印出来的东东全是undefined 。就是因为index实际上是作为一个字符串在使用的，而“+”操作符对于字符串来说是连接操作，所以index+1的结果是“01”，“11” ，“21”…这种。然后用arr[index + 1]取值的时候便是取arr[“01”]，自然是获取不到的。

除了上述情况外，还有就是Array在某些时候可能会被修改，比如在外部给它增加了一些属性，方法神马的，这样的话使用 for…in遍历会将增加的东东也遍历到，同样会出错。

所以建议在编码的时候，对数组遍历使用普通的for循环。尽量不要使用for…in来操作。