DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript學習筆記之數組的遍歷和 length 屬性
Javascript學習筆記之數組的遍歷和 length 屬性
編輯:關於JavaScript     

盡管數組在 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方法的~~

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved