JavaScript 中 Splice 函数与数组塌陷

在写JS代码时，我们常常使用 splice 函数来删除数组中的元素，因为 splice 函数会直接对数组进行修改，从而不需再自己写一个算法来移动数组中的其他元素填补到被删除的位置。splice 功能十分强大，除了可以删除数组的元素之外，还可以删除的同时添加新的元素到删除的位置等等用法。在 for 循环中使用 splice 时。

在对数组进行操作的时候，会使数组的长度产生变化，同时操作的数组那个项的下一个索引会被跳过，从而造成数组的某项会被跳过，这种叫做数组塌陷现象。

例如：

    循环判断数组中的每一项的值，如果等于4就删除

    遍历到第一个4，索引值i是3，执行删除操作，此时数组的长度就从原来的15变成了14，索引值还是3.

    在进行循环 i++，这时i 变成 4，但是原来没删除数组中的第二个4 索引值变成了3，这样再去执行 i = 4 的操作，这样就跳过了原来没删除数组中的第二个4，去删除原来没删除数组中的第三个4，从而造成了输出的结果会有几个4没有被删除，就形成了数组塌陷现象。

解决办法：

就是在对数组某项进行操作之后，手动将索引值 i –,保持数组每一项都被遍历。

// 定义数组
var arr = [1, 2, 3, 4, 4, 4, 4, 4, 4, 4, 5, 6, 7, 8, 9];
// 遍历
for (var i = 0; i < arr.length; i++) {
    // 判断
    if (arr[i] === 4) {
        arr.splice(i, 1); // 此时， 删除的那一项会与原数组下标产生差异， 后面的所有成员都会往前移动。
        i--;  // 有了这条代码 才可以保证与数组中的每一个成员的下标一一对应。
    }
}
console.log(arr)