zoukankan      html  css  js  c++  java
  • 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("删除前数组:
    "+arr);
    for(var i=0;i<arr.length;i++){
        //删除大于10的数
        if(arr[i]>10){
            arr.splice(i,1);
        }
    }
    console.log("删除后数组:
    "+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);
                    }
                }
            }
    

      

  • 相关阅读:
    TS
    多点触摸的操作与图片放大缩小
    动画 -- 按钮 -- 左右晃动
    动画 -- 按钮 --- 从无到有(中心)
    动画 -- 点击按钮 -- 向右下方移动
    动画 -- 点击按钮 -- 顺时针旋转一圈
    动画 -- 点击按钮
    动画 -- ListView列表item逐个出来(从无到有)
    动画 --- 添加 和 移除 按钮
    动画-- 按钮按序列(从小到大)显示
  • 原文地址:https://www.cnblogs.com/lnlvinso/p/13399805.html
Copyright © 2011-2022 走看看