js遍历数组时删除指定对象出现问题(转载)

转载:https://blog.csdn.net/luolin2611/article/details/77745586

一、问题描述

js使用splice删除元素时，会将后面的元素来补填被删掉元素的索引。这样会导致遍历数组删除数组的多个元素时出现隔个索引

删除现象。（这样的描述可能有点抽象，用代码说话）。

var arr = [1,3,4,6,9,17,23,12];
console.log("删除前数组：\n"+arr);
for(var i=0;i<arr.length;i++){
    //删除大于10的数
    if(arr[i]>10){
        arr.splice(i,1);
    }
}
console.log("删除后数组：\n"+arr);

按照逻辑，应该删除的元素是17、23、12，而只删除了17、12。
问题分析：便于描述给每个元素加上一个索引在括号内为索引

1 (0)、3 (1)、4 (2)、6(3)、9 (4)、17 (5)、23 (6)、12 (7)。

当删除17的时候，数组的总长度变为7，此时剩下元素和索引情况

1 (0)、3(1)、4 (2)、6 (3)、9(4)、23(5)、12(6)；

而 i 开始执行6了，此时会删除索引为6的元素，即将12删除了，因此删除了17，12。

---

二、问题解决

从上面的描述可以看出当删除第一个元素时不会出现问题，当删除处第一个之外的元素时会出现问题，索引总是i - 1；因此可以使用以下方式解决

for(var i=0;i<arr.length;i++){
    //删除大于10的数
    if(arr[i]>10){
        arr.splice(i--,1);
    }
}