国产探花免费观看_亚洲丰满少妇自慰呻吟_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方法的~~


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

圖片精選

主站蜘蛛池模板: 大港区| 温州市| 赤水市| 天镇县| 启东市| 新巴尔虎右旗| 定州市| 沾化县| 芦溪县| 南昌市| 天气| 长汀县| 潞西市| 鲁山县| 惠东县| 淳安县| 鹤山市| 会泽县| 泰州市| 马关县| 德江县| 蓝田县| 永州市| 临猗县| 牡丹江市| 滦南县| 凤凰县| 扎赉特旗| 中阳县| 乌海市| 柞水县| 南京市| 夹江县| 满城县| 怀来县| 阳江市| 越西县| 马龙县| 岑巩县| 双江| 富锦市|