概念

數(shù)組塌陷：在對數(shù)組進(jìn)行操作的時(shí)候，會(huì)使數(shù)組的長度產(chǎn)生變化，同時(shí)，操作的數(shù)組那個(gè)項(xiàng)的下一個(gè)索引會(huì)被跳過，從而造成數(shù)組的某項(xiàng)會(huì)被跳過，這種叫做數(shù)組塌陷現(xiàn)象。

例子：

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); // 此時(shí)， 刪除的那一項(xiàng)會(huì)與原數(shù)組下標(biāo)產(chǎn)生差異， 后面的所有成員都會(huì)往前移動(dòng)。} } console.log(arr)

運(yùn)行結(jié)果：

我們原本的目的是循環(huán)判斷數(shù)組中的每一項(xiàng)的值，如果等于3就刪除，實(shí)際上卻發(fā)現(xiàn)沒有刪除干凈，原因就是數(shù)組塌陷。

具體過程：

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

再進(jìn)行循環(huán) i++，這時(shí) i 變成 3，原來數(shù)組中的第二個(gè) 3 本來的索引值是 3 ，現(xiàn)在索引值變成了 2，這樣再去執(zhí)行 i = 3 的操作，這樣就跳過了原來沒刪除數(shù)組中的第二個(gè)3，去執(zhí)行后面的操作，從而造成了輸出的結(jié)果會(huì)有 3 沒有被刪除感覺，就形成了數(shù)組塌陷現(xiàn)象。

解決辦法：

i–

就是在對數(shù)組某項(xiàng)進(jìn)行操作之后，手動(dòng)將索引值 i --，保持?jǐn)?shù)組每一項(xiàng)都被遍歷。

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); // 此時(shí)， 刪除的那一項(xiàng)會(huì)與原數(shù)組下標(biāo)產(chǎn)生差異， 后面的所有成員都會(huì)往前移動(dòng)。i--; // 有了這條代碼 才可以保證與數(shù)組中的每一個(gè)成員的下標(biāo)一一對應(yīng)。} } console.log(arr)

運(yùn)行結(jié)果：

數(shù)組倒著遍歷

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)

運(yùn)行結(jié)果：

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。