Javascript循环删除数组中元素的几种方法示例

针对 “Javascript循环删除数组中元素的几种方法示例” 这个主题，我会给出详细的讲解。下面是本次攻略的完整目录：

目录

• 前言
• 常规方法：for循环+splice
• 优化方法1：倒序循环+splice
• 优化方法2：将要删除的元素移动到末尾+pop
• 总结

前言

Javascript是一种弱类型的脚本语言，最大的特点就是非常灵活。但是在生产环境中，我们不仅要考虑代码的易读性与扩展性，也需要考虑性能与效率问题。

删除数组中的元素一直是Javacript中非常常见的操作，有些场景中我们需要删除某一个或多个元素。那么如何来对Javascript数组进行删除操作呢？在本文中，笔者将为大家介绍几种常见的方法，并分析相应的实现效果。

常规方法：for循环+splice

顾名思义，这种方法就是利用for循环遍历一个数组，并使用splice方法在循环的过程中删除元素。代码如下所示：

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

这段代码的含义是：遍历数组，当遇到元素值为3的时候，将其从数组中删除。需要注意的是，如果不进行i--操作，则删除数组元素时会导致数组长度的变化，就可能会导致意外删除。

优化方法1：倒序循环+splice

常规方法中每次循环都会导致splice操作，也就是会生成新的数组并重新进行排序等操作，这样效率比较低。那么有没有更优秀的解决方式呢？

方法一是把删除操作放到数组的尾部，可以减少每次splice操作所需的计算量。具体做法是将循环顺序倒过来，这样就不会因为删除数组而破坏下标与数组的映射关系。

let arr = [1, 2, 3, 4, 5];
for (let i = arr.length - 1; i >= 0; i--) {
  if (arr[i] === 3) {
    arr.splice(i, 1);
  }
}

这种方式的效率相对第一种会快一些，但是在较大数组中的实现效果仍旧不理想。

优化方法2：将要删除的元素移动到末尾+pop

方法二是不再进行splice操作，而是把要删除的元素放在数组的最后面，然后使用pop方法直接弹出最后的元素即可。具体实现代码如下：

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

这种方法不但减少了每次splice操作的计算量，而且对于删除操作的次数较多的情况下，效率也比上述方法更快。

总结

以上就是本文对于Javascript循环删除数组中元素的几种方法，希望对大家有所帮助。需要特别注意的是，在进行数组元素的删除操作时，不仅要考虑效率问题，还需要注意下标与数组长度的变化，以免发生意外。