在我們日常敲代碼的時候，常常會用到splice()方法來刪除數組中的元素(就是以截取的方式)，因為它會直接對數組進行修改。

在使用splice之前，必備條件是，要先有一個數組。

var arr = new Array(1,2,3,4,5); // 初始化一個數組

var deleteNumber = 3; // 要刪除的元素

// 遍歷數組

for(var i=0; i < arr.length; i++){

if(arr[i] === deleteNumber){ // 如果和要刪除的元素相等

var num = arr.splice(i,1);

console.log("成功刪除" + num)

} else {

console.log(arr[i] + "未被刪除")；

}

}

可以看到，3已經被成功刪除，但是4跑哪去了呢？？？

前面說過，splice 是直接操作并修改數組的，所以當找到數字3時在循環中的 i 下標是2，而當刪除數字3后，數組下標 i 位置中保存的數字變為了數字4，然后到了下一個循環 i 下標為3時，數組下標 i 位置中保存的數字是5，所以跳過了數字4，于是調試信息中沒有可愛的數字4。。。原理就是這樣子，是不是很繞。

那怎么解決漏掉了數字4這個問題呢?？？很簡單，在使用 splice 的下一句，改一下循環變量值即可。。。

if(arr[i] === deleteNumber){

var num = arr.splice(i,1); //從i位置開始刪除一個數字

i = i -1; // 解決方案

}

但是還有一種解決方法就是從后往前遍歷，但是本人如果沒有條件限制的話更喜歡用forEach進行遍歷，所以 i = i -1這種解決方式還是挺方便的。

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的js splice坑_JavaScript的splice()方法在for循环中使用可能会遇到的坑！！！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。