Javascript學習筆記之數(shù)組的遍歷和 length 屬性

更新時間：2014年11月23日 15:07:19 投稿：hebedich

我們一般用循環(huán)來遍歷數(shù)組，而循環(huán)一直是 JavaScript 性能問題的常見來源，有時循環(huán)用得不好會嚴重降低代碼的運行速度。數(shù)組的屬性可以分為三種:length屬性,索引屬性,其他屬性.和普通對象相比,數(shù)組對象特殊的地方就是它的length屬性和索引屬性。

盡管數(shù)組在 Javascript 中是對象，但是不建議使用 for in 循環(huán)來遍歷數(shù)組，實際上，有很多理由來阻止我們對數(shù)組使用 for in 循環(huán)。
因為 for in 循環(huán)將會枚舉原型鏈上的所有屬性，并且唯一阻止的方法是使用 hasOwnProperty 來判斷，這將比普通的 for 循環(huán)要慢不少。

遍歷

為了達到最佳性能來遍歷一個數(shù)組，最好的方式就是使用經(jīng)典的 for 循環(huán)。

復制代碼代碼如下:

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 來緩存數(shù)組的長度。
盡管屬性 length 是定義在數(shù)組本身的，但是在循環(huán)的每一次遍歷時仍然會有開銷。盡管最新的 Javascript 引擎可能已經(jīng)對這種情況作了性能上的優(yōu)化，但是你并不能保證你的 Javascript 代碼會一直在這種瀏覽器上運行。
實際上，不緩存長度的循環(huán)要比緩存長度的循環(huán)性能上慢不少。

length 屬性

盡管 length 屬性僅僅通過 getter 方法返回數(shù)組中元素的個數(shù)，但是可以通過 setter 方法來截斷數(shù)組。

復制代碼代碼如下:

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 屬性賦值一個更小的數(shù)將會截斷數(shù)組，如果賦值一個更大的數(shù)則不會截斷數(shù)組。

總結

為了性能達到最優(yōu)，建議使用 for 循環(huán)而不是使用 for in 循環(huán)，同時緩存 length 屬性。

還有數(shù)組對象是沒有任何方法的，只有一個唯一的屬性length。字符串對象是有l(wèi)ength方法的~~

您可能感興趣的文章: