—— 此篇开始 ——

什么是数组塌陷？

在对数组进行删除操作的时候，会使数组的长度发生变化，使得删除后的数据的下一个数据的索引会被跳过，造成数组的某一个数据被跳过。  

例子

通过遍历数组清空数据：

var arr = [1,2,3,4,5,6]
console.log ("原始数组：",arr);

for(let i = 0;i < arr.length;i++){
    arr.splice(i,1);
}
console.log ("清空之后：",arr);

结果 ：

​ 

可以看见数组并没有清空，我们分析一下代码过程

代码执行过程 

        第一次执行：arr = [1,2,3,4,5,6]，arr.length == 6， i == 0，i < arr.length，arr.splice(0,1)

        第二次执行：arr = [2,3,4,5,6]，arr.length == 5，i == 1，i < arr.length，arr.splice(1,1)

        第三次执行：arr = [2,4,5,6]，arr.length == 4，i == 2，i < arr.length，arr.splice(2,1)

        第四次执行：arr = [2,4,6]，arr.length == 3，i == 3，i == arr.length，循环结束

当你把数据1删除以后，原先数据的索引会依次向前递进一个位置，使得数据2的索引由1变为了0，数据3的索引变成了1。第二次又是要删除索引1的数据，所以数据3被删除，数据2被保留，剩下数据的索引再次向前递进一个位置，以此类推...

那么我们如何解决此问题呢？

解决方案 

方案1

不让数组塌陷，倒着循环数组

代码：

var arr = [1,2,3,4,5,6]
console.log ("原始数组：",arr);

for(var i = arr.length-1;i >= 0;i--){
    arr.splice(i,1);
}
console.log ("清空之后：",arr);

结果： 

方案2 

 数组塌陷的时候，循环控制变量跟着一起塌陷

代码：

var arr = [1,2,3,4,5,6]
console.log ("原始数组：",arr);

for(var i = 0;i < arr.length;i++){
    arr.splice(i,1);
    i--
}
console.log ("清空之后：",arr);

结果：

—— 此篇完 ——