数组塌陷问题

原创已于 2022-07-25 16:21:20 修改 · 200 阅读

CC 4.0 BY-SA版权

文章标签：

于 2022-07-24 13:35:30 首次发布

3 篇文章

订阅专栏

本文详细解释了数组塌陷的概念，即在删除数组元素时导致某些索引被跳过的问题。通过一个具体的例子展示了遍历并使用`splice`方法删除元素时出现的错误情况，并提出了两种解决方案：1) 倒序遍历数组；2) 在删除后减少循环变量。了解这个问题对于优化数组操作和避免数据丢失至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

—— 此篇开始 ——

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

通过遍历数组清空数据：

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被保留，剩下数据的索引再次向前递进一个位置，以此类推...

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

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

代码：

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);

结果：

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

代码：

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);

结果：