空数组在以下三种遍历中均不可更改：forEach、map和for...in

首先，我们要知道对于forEach、map和for...in三种遍历，在不是空数组的情况下，要想实现更改原数组的方法，代码如下：

    var list  = [1,2,3,4];
    var list1 = [1,2,3,4];
    var list2 = [1,2,3,4];
    
    list = list.map(function(item){
        return item+1;
    })
    
    list1.forEach(function(item,index,arr){
        arr[index] = item+1
    })
    
    for (var p in list2) {
        list2[p] = 1
    }
    
    console.log(list);  //[2,3,4,5]
    console.log(list1)  //[2,3,4,5]
    console.log(list2); //[1,1,1,1]

对于空数组，我们做同样的处理，看看结果如何；

    var list  = [];
    var list1 = [];
    var list2 = [];
    
    list.length  = 4;
    list1.length = 4;
    list2.length = 4;
    
    list = list.map(function(item){
        return item+1;
    })
    
    list1.forEach(function(item,index,arr){
        arr[index] = item+1
    })
    
    for (var p in list2) {
        list2[p] = 1
    }
    
    console.log(list);  //Array [ <4 empty slots> ]
    console.log(list1)  //Array [ <4 empty slots> ]
    console.log(list2); //Array [ <4 empty slots> ]

在火狐浏览器中，我们可以清楚看到结果：Array [ <4 empty slots> ]，可以发现空数组是无法用同样的方法更改原数组的数据的。在菜鸟教程中我们可以找到以下的结论：

1、 map() 不会对空数组进行检测

2、 forEach() 对于空数组是不会执行回调函数的

对于for...in循环为什么不能更改空数组，我们试试以下代码：

    var list  = [];
    list.length  = 4;
    
    for (var p in list) {
        console.log(list[p])
    }

在谷歌火狐等浏览器控制台中，我们无法看到任何数据输出，这是因为for...in无法对空数组进行遍历。

3、通过实践，我们发现for...in循环无法对空数组进行遍历

转载于:https://www.cnblogs.com/hrlin/p/8353550.html