從數(shù)據(jù)結(jié)構(gòu)的角度分析 for each in 比 for in 快的多
之前聽說火狐的JS引擎支持for each in的語法,例如下述的代碼:
var arr = [10,20,30,40,50];
for each(var k in arr)
console.log(k);
即可直接遍歷出arr數(shù)組的內(nèi)容。
由于只有FireFox才支持,所以幾乎所有的JS代碼都不用這一特征。
不過在ActionScript里天生就支持for each的語法,不論Array還是Vector,還是Dictionary,只要是可枚舉的對象都可以for in和for each in。
之前并沒有感覺有太大的差異,為了懶得敲一個(gè)each單詞,一直用熟悉的for in來遍歷。
不過今天仔細(xì)琢磨了會(huì),從數(shù)據(jù)結(jié)構(gòu)的角度分析了下,覺得for in和for each in效率上有著本質(zhì)的區(qū)別,無論是JS還是AS。
原因很簡單:Array不是真正意義上的數(shù)組!
何為真正意義的數(shù)組?當(dāng)然就是傳統(tǒng)語言里type[]定義的數(shù)據(jù)類型,所有元素都是連續(xù)保存的。
“Array”雖然也是數(shù)組的意思,但熟悉JS的都知道,它其實(shí)是個(gè)非線性的偽數(shù)組,下標(biāo)可以是任意數(shù)字。寫入arr[1000000]并非真正申請容納一百萬個(gè)元素的空間,而是把1000000轉(zhuǎn)換成相應(yīng)的哈希值,對應(yīng)到很小一塊儲(chǔ)存空間里,從而節(jié)省了大量內(nèi)存。
例如有如下數(shù)組:
var arr = [];
arr[10] = 1000;
arr[20] = 2000;
arr[30] = 5000;
arr[40] = 8000;
arr[200] = 9000;
用for...in遍歷Array,是個(gè)很累贅的過程:
遍歷時(shí)每次訪問arr[k],都要進(jìn)行一次Hash(k)計(jì)算,根據(jù)散列表的容量取模,如果存在沖突還得尋找最終的值結(jié)果。
如果支持for each...in的語法,其內(nèi)部的數(shù)據(jù)結(jié)構(gòu)就決定了會(huì)快很多:
Array里直接把每個(gè)values作為節(jié)點(diǎn),通過鏈表關(guān)聯(lián)起來維護(hù)。每當(dāng)有值添加或刪除,就更新其鏈接關(guān)系。
當(dāng)for each...in遍歷時(shí),只需從第一個(gè)節(jié)點(diǎn)往后迭代即可,無需任何Hash計(jì)算。
當(dāng)然,對于AS3里Vector這樣的線性數(shù)組來說,兩者相差不大;同理,HTML5里支持二進(jìn)制的數(shù)組ArrayBuffer也是如此。不過從理論上來看,即使arr是個(gè)連續(xù)的線性數(shù)組,for each in還是要快一點(diǎn):
for...in遍歷時(shí),每次訪問arr[k]都要進(jìn)行下標(biāo)越界檢查;而for each in則根據(jù)內(nèi)部鏈表,直接從底層反饋出迭代變量,節(jié)省了越界檢查的過程。
相關(guān)文章
原生Javascript實(shí)現(xiàn)繼承方式及其優(yōu)缺點(diǎn)詳解
JS作為面向?qū)ο蟮娜躅愋驼Z言,繼承也是其非常強(qiáng)大的特性之一,那么這篇文章主要給大家介紹了關(guān)于原生Javascript實(shí)現(xiàn)繼承方式及其優(yōu)缺點(diǎn)的相關(guān)資料,需要的朋友可以參考下2021-07-07Web前端框架bootstrap實(shí)戰(zhàn)【第一次接觸使用】
Bootstrap是Twitter推出的一個(gè)開源的前端框架。這篇文章主要介紹了Web前端框架bootstrap實(shí)戰(zhàn),需要的朋友可以參考下2016-12-12js實(shí)現(xiàn)帶進(jìn)度條提示的多視頻上傳功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)帶進(jìn)度條提示的多視頻上傳功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07基于JS實(shí)現(xiàn)移動(dòng)端訪問PC端頁面時(shí)跳轉(zhuǎn)到對應(yīng)的移動(dòng)端網(wǎng)頁
不想通過CSS自適應(yīng)在PC端和移動(dòng)端分別顯示不同的樣式,那么只能通過在移動(dòng)端訪問PC端網(wǎng)頁時(shí)跳轉(zhuǎn)到對應(yīng)的移動(dòng)端網(wǎng)頁了,那么怎么跳轉(zhuǎn)呢,網(wǎng)上也有很多文章說明,以下實(shí)現(xiàn)思路經(jīng)過小編測試過,需要的朋友可以參考下2016-04-04div+css實(shí)現(xiàn)鼠標(biāo)放上去,背景跟圖片都會(huì)變化。
div+css實(shí)現(xiàn)鼠標(biāo)放上去,背景跟圖片都會(huì)變化。...2007-06-06