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