概念

數組塌陷：在對數組進行操作的時候，會使數組的長度產生變化，同時，操作的數組那個項的下一個索引會被跳過，從而造成數組的某項會被跳過，這種叫做數組塌陷現象。

例子：

let arr = [1, 2, 3, 3, 3, 3, 3, 3, 3, 4, 5, 6, 7, 8, 9] for (let i = 0; i < arr.length; i++) {// 判斷if (arr[i] === 3) {arr.splice(i, 1); // 此時， 刪除的那一項會與原數組下標產生差異， 后面的所有成員都會往前移動。} } console.log(arr)

運行結果：

我們原本的目的是循環判斷數組中的每一項的值，如果等于3就刪除，實際上卻發現沒有刪除干凈，原因就是數組塌陷。

具體過程：

遍歷到第一個3，索引值 i 是2，執行刪除操作，此時數組的長度就從原來的 15 變成了14，索引值還是 2；

再進行循環 i++，這時 i 變成 3，原來數組中的第二個 3 本來的索引值是 3 ，現在索引值變成了 2，這樣再去執行 i = 3 的操作，這樣就跳過了原來沒刪除數組中的第二個3，去執行后面的操作，從而造成了輸出的結果會有 3 沒有被刪除感覺，就形成了數組塌陷現象。

解決辦法：

i–

就是在對數組某項進行操作之后，手動將索引值 i --，保持數組每一項都被遍歷。

let arr = [1, 2, 3, 3, 3, 3, 3, 3, 3, 4, 5, 6, 7, 8, 9] for (let i = 0; i < arr.length; i++) {// 判斷if (arr[i] === 3) {arr.splice(i, 1); // 此時， 刪除的那一項會與原數組下標產生差異， 后面的所有成員都會往前移動。i--; // 有了這條代碼 才可以保證與數組中的每一個成員的下標一一對應。} } console.log(arr)

運行結果：

數組倒著遍歷

let arr = [1, 2, 3, 3, 3, 3, 3, 3, 3, 4, 5, 6, 7, 8, 9] for (let i = arr.length - 1; i >= 0; i--) {// 判斷if (arr[i] === 3) {arr.splice(i, 1); } } console.log(arr)

運行結果：

總結

以上是生活随笔為你收集整理的JavaScript 数组塌陷的全部內容，希望文章能夠幫你解決所遇到的問題。

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