首頁 > web前端 > js教程 > Javascript學習筆記之數組的遍歷與 length 屬性_基礎知識

Javascript學習筆記之數組的遍歷與 length 屬性_基礎知識

WBOY
發布: 2016-05-16 16:30:43
原創
1463 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板