從資料結構分析看：用for each...in 比 for...in 要快些

之前聽說Firefox的JS引擎支援for each in的文法，例如下述的代碼：

複製代碼 代碼如下:
var arr = [10,20,30,40,50];
for each(var k in arr)
    console.log(k);

即可直接遍曆出arr數組的內容。

由於只有FireFox才支援，所以幾乎所有的JS代碼都不用這一特徵。

不過在ActionScript裡天生就支援for each的文法，不論Array還是Vector，還是Dictionary，只要是可枚舉的對象都可以for in和for each in。

之前並沒有感覺有太大的差異，為了懶得敲一個each單詞，一直用熟悉的for in來遍曆。

不過今天仔細琢磨了會，從資料結構的角度分析了下，覺得for in和for each in效率上有著本質的區別，無論是JS還是AS。

原因很簡單：Array不是真正意義上的數組！

何為真正意義的數組？當然就是傳統語言裡type[]定義的資料類型，所有元素都是連續儲存的。

“Array”雖然也是數組的意思，但熟悉JS的都知道，它其實是個非線性偽數組，下標可以是任一數字。寫入arr[1000000]並非真正申請容納一百萬個元素的空間，而是把1000000轉換成相應的雜湊值，對應到很小一塊儲存空間裡，從而節省了大量記憶體。

例如有如下數組：

複製代碼 代碼如下:
var arr = [];
  arr[10] = 1000;
  arr[20] = 2000;
  arr[30] = 5000;
  arr[40] = 8000;
  arr[200] = 9000;

用for...in遍曆Array，是個很累贅的過程：

遍曆時每次訪問arr[k]，都要進行一次Hash(k)計算，根據散列表的容量模數，最終在衝突鏈表裡找到結果。

如果支援for each...in的文法，其內部的資料結構就決定了會快很多：

Array裡儲存存了keys的列表，也把每個values值作為鏈表關聯起來。每當有值添加或刪除，就更新其連結關係。

當for each...in遍曆時，只需從第一個節點往後迭代即可，無需任何Hash計算。

當然，對於AS3裡Vector這樣的線性數組來說，兩者相差不大；同理，HTML5裡支援二進位的數組ArrayBuffer也是如此。不過從理論上來看，即使arr是個連續的線性數組，for each in還是要快一點：

for...in遍曆時，每次訪問arr[k]都要進行下標越界檢查；而for each in則根據內部鏈表，直接從底層反饋出迭代變數，節省了越界檢查的過程。