国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

Javascript學習筆記之數組的遍歷和 length 屬性

2024-05-06 16:10:54
字體:
來源:轉載
供稿:網友
我們一般用循環來遍歷數組,而循環一直是 JavaScript 性能問題的常見來源,有時循環用得不好會嚴重降低代碼的運行速度。數組的屬性可以分為三種:length屬性,索引屬性,其他屬性.和普通對象相比,數組對象特殊的地方就是它的length屬性和索引屬性。
 
 

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


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 平邑县| 舟曲县| 邯郸市| 北安市| 禄劝| 南皮县| 彭水| 沅江市| 乃东县| 饶阳县| 乌兰县| 武川县| 临猗县| 昔阳县| 洛浦县| 泰和县| 德令哈市| 商水县| 黄骅市| 嵊州市| 肃宁县| 海丰县| 巴林右旗| 曲松县| 广元市| 恩平市| 富宁县| 杂多县| 阳朔县| 长乐市| 玉山县| 周宁县| 南京市| 塘沽区| 甘肃省| 莱芜市| 长泰县| 遂川县| 锦州市| 怀仁县| 河北省|