Javascript松散删除数组元素的几种方法示例

本文主要和大家分享了几种用Javascript删除数组中元素的方法，分享给大家参考。下面我们来看看详细的介绍：

发现问题

在编码过程中，我们经常会遇到需要移除循环中指定元素的情况。按照常规思路，直接进行for循环，然后在循环中进行if判断，从判断中删除指定元素。然而，实际情况往往不像预期的那样顺利。

让我们以一个Javascript代码为例来演示这个过程。

(function () { var arr=[1，2，2，3，4，5]；var len=arr.lengthfor(var I=0；伊琳；I ){ //打印阵列中的情况，以便在阵列控制台中跟踪数据的变化. log(I '=' arr[I])；//删除所有元素if(arr[i]==2){ arr.splice(i，1)；} } console . log(arr)；})();运行结果如下：

从最终的结果中，我们可以看到实际上只有一个匹配的元素被删除，而另一个元素仍然存在。

从打印的运行过程中不难发现，原因是删除一个元素后数组的索引发生了变化，导致程序异常。

解决办法

一旦找到问题的原因，解决问题并不难。

方法一

(function () { var arr=[1，2，2，3，4，5]；var len=arr.lengthfor(var I=0；伊琳；I ){ //打印阵列中的情况，以便在阵列控制台中跟踪数据的变化. log(I '=' arr[I])；//删除所有元素if(arr[i]==2){ //注意这一行代码：删除元素后，调整I arr的值。拆分(I-，1)；} } console . log(arr)；})();上面的代码看起来不容易理解。有没有看起来更容易理解的代码？请见下文

方法2

(function () { var arr=[1，2，2，3，4，5]；var len=arr . length-1；//从顶部开始for(var I=len；I=0；I-){ console . log(I '=' arr[I])；if(arr[i]==2){ arr.splice(i，1)；} } console . log(arr)；})();从后往前遍历可以有效解决问题，也容易理解，那么有没有简单的实现呢？然后看看下面的代码

方法3

(function () { var arr=[1，2，2，3，4，5]；var i=arr.lengthwhile(I-){ console . log(I '=' arr[I])；if(arr[i]==2){ arr.splice(i，1)；} } console . log(arr)；})();而(I-)，其中I是数组下标，是最简单和最有效的代码实现。

摘要

以上就是本文的全部内容。希望本文的内容能给你的学习或工作带来一些帮助。有问题可以留言交流。谢谢你的支持。