js数组splice删除某个元素爬坑

叁歲伎倆 2021-09-20 01:00 641阅读 0赞

先来看下几个概念：

// splice:返回从原始数组中删除的项（如果没有任何删除，则返回空数组）
    	    // 当指定2个参数时，表示删除
    	    // 当指定3个参数，且第2个参数为0时表示插入
    	    // 当指定3个参数，且第2个参数为1时表示替换

本次就拿删除举例，本身我们想删除数组中的某个指定元素，我们需要知道它所在数组中的下标，我们可以用 数组.indexOf获取它所在的下标，然后拿splice删除这个元素。

本身是没问题

代码如下：

var arr = ["张三","李四","王五","赵六"];
    
    // 删除王五
    arr.splice(arr.indexOf("王五"),1);

但是。。。。。问题就来了。

如果放到for循环中，比如循环数组，当某个条件成立的时候，我们需要删除某个指定的元素。

但是循环中，i每次都是+1的，但是我们删除某个元素后，下标就变了，相应的位置发生变化，i的值加一后，就会跳过下一个元素。

坑啊。。。

![20190612100128840.jpg][]

所以，在删除某个元素的时候，我们手动把 i的值再减一，这样就会避免出现跳过某个元素的问题。

例如：循环数组，当 DasOperation  属性值等于 没变 的时候，从数组中删除这条数据，然后i-1

// 删除没有变化的，不传递到后台
    for (let i = 0; i < this.CurrJobData.Content.length; i += 1) {
        if (this.CurrJobData.Content[i].DasOperation === '没变') {
           this.CurrJobData.Content.splice(this.CurrJobData.Content.indexOf(this.CurrJobData.Content[i]), 1);
            i -= 1;// 必须对i减去1，否则后面的一个元素会被跳过去
        }
    }

好了，为避免更多小伙伴遇坑，贴出来，希望有帮助。

如有问题，请指出，接受批评。

个人微信公众号：

![20200824115423633.png][]

[20190612100128840.jpg]: /images/20210812/2ef8b9459c744761a78b88057d1e278b.png
[20200824115423633.png]: /images/20210812/4ca1c559f87f4070910a40ea2a325268.png