乐趣区

关于javascript:如何有效的删除数组中符合条件的值

我的项目开发比拟常见的是删除数组中指定索引的值,代码如下:

let arr = [1, 2, 3, 4, 5, 6, 7, 8]

for(let i=0,len=arr.length; i < len-1; i++) {if(i === 2) { // 删除索引为 2 的值
    arr.splice(i, 1)
    break
  }
}

console.log(arr) // [1, 2, 4, 5, 6, 7, 8]

从上能够看出删除 1 个能通过 break 退出循序,但删除多个该如何解决呢?

这样实现?

let arr = [1, 2, 3, 4, 5, 6, 7, 8]

for(let i=0,len=arr.length; i < len-1; i++) {if(arr[i] < 5) {arr.splice(i, 1)
  }
}

console.log(arr) // ?

后果:[2, 4, 5, 6, 7, 8],与料想的:[5, 6, 7, 8] 比照显著不是想要的数据,呈现这个起因是为什么呢?上面咱们来分析下循环执行步骤和输入后果:

第 1 次执行,把符合条件的数组元素 arr[0] 删除了,执行后,i 变成了 1arr 变成了 [2, 3, 4, 5, 6, 7, 8]
在第 1 次执行的后果上,再执行,就会把 arr[1] 删除,i 变成了 2arr 变成了 [2, 4, 5, 6, 7, 8]
接着在第 2 次执行的后果上执行,就没有符合条件的了,因为 arr[2]5,不符合条件,arr 最终还是 [2, 4, 5, 6, 7, 8],所以执行后果不对。

那么如何解决呢?咱们能够采取 i 还原来解决,让 i 每次都从 0 开始,代码如下:

let arr = [1, 2, 3, 4, 5, 6, 7, 8]

for(let i=0,len=arr.length; i < len-1; i++) {if(arr[i] < 5) {arr.splice(i, 1)
    i--
  }
}

总结:

这是一个典型的原数组一直扭转导致的执行后果不对问题,所以在解决数组的过程中要多思考,以后执行到数组的什么地位,这样能够无效的发现问题,予以解决。

更多前端常识,请关注小程序,不定期有惊喜!

退出移动版