如何有效的删除数组中符合条件的值？

项目开发比较常见的是删除数组中指定索引的值，代码如下：

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 变成了 1，arr 变成了 [2, 3, 4, 5, 6, 7, 8]
在第1次执行的结果上，再执行，就会把 arr[1] 删除，i 变成了 2，arr 变成了 [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--
  }
}

总结：

这是一个典型的原数组不断改变导致的执行结果不对问题，所以在处理数组的过程中要多思考，当前执行到数组的什么位置，这样可以有效的发现问题，予以解决。

更多前端知识，请关注小程序，不定期有惊喜！