首先,我们要知道对于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循环无法对空数组进行遍历