JavaScript数组塌陷问题

一、什么是数组塌陷问题

例如，当我们使用splice()方法想要将数组[1,2,3,4,5]中的所有数据都删除时，发现并不能将数组中的数据完全删除。

const arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
    arr.splice(i, 1);
}

 打印arr，运行结果为：

并没有将数组中的所有元素都删掉，这是因为splice将数组前面的元素删掉之后，后面的元素会自动补位，但是此时i已经+1了，变成了下一位元素的索引，导致无法完全删除。

 二、数组塌陷的解决方法

2.1 方法1：反向删除

也就是从后向前删除数组中的元素，一直删除数组中的最后一个元素，就不会因为索引+1导致元素跳过操作的问题。代码及打印结果如下：

    const arr = [1, 2, 3, 4, 5];
    for (let i = arr.length - 1; i >= 0; i--) {
        // i一直是数组最后一个元素的索引
        arr.splice(i, 1);
    }

2.2 方法2： 固定数组长度

实时获取数组当前的长度，一直删除数组索引为0（arr.aplice(0,1)）的元素，从而解决数组塌陷问题。代码及打印结果如下：

    const arr = [1, 2, 3, 4, 5];
    const len = arr.length;
    for (let i = 0; i < len; i++) {
        arr.splice(0, 1);
    }
    console.log(arr);

 2.3 方法3：索引后退

数组塌陷是由于索引+1导致的，我们可以把索引-1，这样其实也是一直删除第一个元素。代码及打印结果如下：

    const arr = [1, 2, 3, 4, 5];
    for (let i = 0; i < arr.length; i++) {
        arr.splice(i, 1);
        i--;
    }
    console.log(arr);

问题记录，供大家参考 。