數(shù)組坍塌

什么是數(shù)組坍塌

? 為了能夠更為形象直觀地理解什么是“數(shù)組坍塌”，我們可以將數(shù)組類比為一幢樓房，而數(shù)組中的每一個(gè)元素類比為樓房的各個(gè)樓層。在這樣一個(gè)模型基礎(chǔ)上，我們?cè)賮?lái)對(duì)數(shù)組循環(huán)遍歷的過(guò)程進(jìn)行一個(gè)簡(jiǎn)單的模擬。
? 當(dāng)采用for循環(huán)對(duì)數(shù)組進(jìn)行遍歷的時(shí)候，為for循環(huán)定義的變量i如同樓房模型的樓層號(hào)，循環(huán)會(huì)根據(jù)樓層號(hào)對(duì)對(duì)應(yīng)樓層中的內(nèi)容進(jìn)行訪問(wèn)，代碼如下：

var arr = [0,1,2,3] for(var i = 0; i < arr.length; i++){... }

? 有些時(shí)候，我們會(huì)根據(jù)需求刪除一個(gè)或多個(gè)不需要的數(shù)據(jù)，以下程序模擬了用數(shù)組循環(huán)刪除數(shù)組中的數(shù)據(jù) ‘2’。

var arr = [0,1,2,3] for(var i = 0; i < arr.length; i++){if(arr[i] == 2){console.log(arr); //打印結(jié)果為[0,1,2,3]console.log(i); //打印結(jié)果為2console.log(arr[i+1]); //打印結(jié)果是2arr.splice(i,1); //執(zhí)行數(shù)組刪除，刪除arr[2];console.log(arr); //打印結(jié)果為[0,1,3]console.log(i); //打印結(jié)果為2console.log(arr[i+1]); //打印結(jié)果是3} }

? 根據(jù)以上程序的執(zhí)行結(jié)果可以看出，當(dāng)數(shù)組執(zhí)行了數(shù)組刪除操作后，數(shù)組發(fā)生了改變（ 由原來(lái)的[0,1,2,3]變?yōu)榱薣0,1,3] ），且原本arr[i+1]所對(duì)應(yīng)的數(shù)據(jù)也發(fā)生了改變（由之前的3變成了undefined，因?yàn)榈?個(gè)數(shù)據(jù)不存在），這一過(guò)程我們可以用前文的模型做一個(gè)簡(jiǎn)單的模擬。
? 就如樓房抽離了一層，數(shù)組在刪除某一個(gè)數(shù)據(jù)后，后面的數(shù)組會(huì)自動(dòng)向前補(bǔ)齊空缺，因此之前各個(gè)序號(hào)所對(duì)應(yīng)的數(shù)據(jù)都發(fā)生了改變，這將對(duì)我們的循環(huán)遍歷造成影響。為了解決這個(gè)問(wèn)題，當(dāng)對(duì)數(shù)組中的部分?jǐn)?shù)據(jù)進(jìn)行刪除后，我們必須調(diào)整當(dāng)前序號(hào)，以保證數(shù)組能夠繼續(xù)正常地循環(huán)遍歷之前沒(méi)用遍歷的數(shù)據(jù)。

var arr = [0,1,2,3] for(var i = 0; i < arr.length; i++){if(arr[i] == 2){console.log(arr[i+1]);//打印結(jié)果是3arr.splice(i,1); //執(zhí)行數(shù)組刪除，刪除arr[2];i--; //調(diào)整序號(hào)console.log(arr); //打印結(jié)果為[0,1,3]console.log(i); //打印結(jié)果為1console.log(arr[i+1]);//打印結(jié)果是3} }

? 從以上程序中可以看出，當(dāng)我們刪除了數(shù)據(jù) ‘2’ 以后，我們對(duì) i 進(jìn)行了自減操作，而a[i+1]對(duì)應(yīng)的數(shù)值仍舊還是3，這樣操作就保證了數(shù)組遍歷的正確執(zhí)行。以此類推，當(dāng)我們減去多個(gè)數(shù)據(jù)的時(shí)候，也應(yīng)當(dāng)對(duì)序號(hào)i做相關(guān)的自減操作以保證循環(huán)的準(zhǔn)確。

? 這是我在逆戰(zhàn)班學(xué)習(xí)的第二個(gè)月，我熱愛(ài)前端，我希望我還能夠?qū)W到更多。希望我的文章對(duì)讀者有所幫助，也歡迎大家友善地指出我的不足。

總結(jié)

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

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