美文网首页
js数组splice删除某个元素爬坑

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

作者: 坏丶毛病 | 来源:发表于2020-10-12 09:53 被阅读0次

    先来看下几个概念:

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

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

    本身是没问题

    代码如下:

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

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

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

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

    坑啊。。。

    image

    所以,在删除某个元素的时候,我们手动把 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,否则后面的一个元素会被跳过去
        }
    }
    

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

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

    相关文章

      网友评论

          本文标题:js数组splice删除某个元素爬坑

          本文链接:https://www.haomeiwen.com/subject/twlupktx.html