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

您所在的位置:网站首页 js遍历数组的几种方法 js遍历数组时删除指定对象出现问题

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

2023-01-22 18:34| 来源: 网络整理| 查看: 265

一、问题描述

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

删除现象。(这样的描述可能有点抽象,用代码说话)。

var arr = [1,3,4,6,9,17,23,12]; console.log("删除前数组:\n"+arr); for(var i=0;i10){ 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;i10){ arr.splice(i--,1); } }



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3