儘管數組在 Javascript 中是對象,但是不建議使用 for in 迴圈來遍曆數組,實際上,有很多理由來阻止我們對數組使用 for in 迴圈。
因為 for in 迴圈將會枚舉原型鏈上的所有屬性,並且唯一阻止的方法是使用 hasOwnProperty 來判斷,這將比普通的 for 迴圈要慢不少。
遍曆
為了達到最佳效能來遍曆一個數組,最好的方式就是使用經典的 for 迴圈。
複製代碼 代碼如下:
var list = [1, 2, 3, 4, 5, ...... 100000000];
for(var i = 0, l = list.length; i < l; i++) {
console.log(list[i]);
}
這兒有一個額外的技巧,就是通過 l = list.length 來緩衝數組的長度。
儘管屬性 length 是定義在數組本身的,但是在迴圈的每一次遍曆時仍然會有開銷。儘管最新的 Javascript 引擎可能已經對這種情況作了效能上的最佳化,但是你並不能保證你的 Javascript 代碼會一直在這種瀏覽器上運行。
實際上,不緩衝長度的迴圈要比緩衝長度的迴圈效能上慢不少。
length 屬性
儘管 length 屬性僅僅通過 getter 方法返回數組中元素的個數,但是可以通過 setter 方法來截斷數組。
複製代碼 代碼如下:
var foo = [1, 2, 3, 4, 5, 6];
foo.length = 3;
foo; // [1, 2, 3]
foo.length = 6;
foo.push(4);
foo; // [1, 2, 3, undefined, undefined, undefined, 4]
給 length 屬性賦值一個更小的數將會截斷數組,如果賦值一個更大的數則不會截斷數組。
總結
為了效能達到最優,建議使用 for 迴圈而不是使用 for in 迴圈,同時緩衝 length 屬性。
還有數組對象是沒有任何方法的,只有一個唯一的屬性length。字串對象是有length方法的~~