关于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 变成了 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--
  }
}

总结：

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

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