使用Javascript如何循環刪除數組中的元素

使用Javascript如何循環刪除數組中的元素？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

(function () {
 var arr = [1,2,2,3,4,5];
 var len = arr.length;
 for(var i=0;i<len;i++){
 //打印數組中的情況，便于跟蹤數組中數據的變化
 console.log(i+"="+arr[i]);
 //刪除掉所有為2的元素
 if(arr[i]==2){
  arr.splice(i,1);
 }
 }
 console.log(arr);
})();

運行結果如下：

從最終的結果可以看到實際上只刪除掉了匹配的其中一個元素，而另外一個元素還存在。

從打印出的運行過程不難發現，原因為當刪除掉了一個元素后，數組的索引發生的變化，造成了程序的異常。

解決方法

找到了問題的原因，就不難解決問題了。

方法一

(function () {
 var arr = [1,2,2,3,4,5];
 var len = arr.length;
 for(var i=0;i<len;i++){
 //打印數組中的情況，便于跟蹤數組中數據的變化
 console.log(i+"="+arr[i]);
 //刪除掉所有為2的元素
 if(arr[i]==2){
  //注意對比這行代碼：刪除元素后調整i的值
  arr.splice(i--,1);
 }
 }
 console.log(arr);
})();

上面的代碼看起來不大好理解，有沒有看起來更易于理解的代碼呢？請看下面

方法二

(function () {
 var arr = [1,2,2,3,4,5];
 var len = arr.length-1;
 //start from the top
 for(var i=len;i>=0;i--){
 console.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 i = arr.length;
 while(i--){
 console.log(i+"="+arr[i]);
 if(arr[i]==2){
  arr.splice(i,1);
 }
 }
 console.log(arr);
})();

關于使用Javascript如何循環刪除數組中的元素問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。