js遍历数组时删除元素最终结果不对

  java中遍历时删除元素,可以使用ConcurrentHashMap或者容器的迭代器Iterator来实现。

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

 

 

      还有一种方式,是用逆向删除方式。

          我的业务中,要先排序,相同特征的对象超过指定个数时再删除。没有使用逆向删除方式,下面列出代码:

function onDelete() {
            var indexs = list.length;
            for (var i = indexs-1; i>=0; i--)
            {
                if ($(list[i]).attr("checked") == true)
                {
                    qtgcs.splice(i, 1);
                }
            }
        }

  

posted on 2020-07-29 21:42  lnlvinso  阅读(1045)  评论(0编辑  收藏  举报