JavaScript中清空數組的三種方式

方式1,splice

1
2
3
var ary = [1,2,3,4];
ary.splice(0,ary.length);
console.log(ary); // 輸出 Array[0],空數組,即被清空了

方式2,length賦值爲0

這種方式很有意思,其它語言如Java,其數組的length是隻讀的,不能被賦值。如

1
2
int[] ary = {1,2,3,4};
ary.length = 0;

Java中會報錯,編譯通不過。而JS中則可以,且將數組清空了,

1
2
3
var ary = [1,2,3,4];
ary.length = 0;
console.log(ary); // 輸出 [],空數組,即被清空了

目前 Prototype中數組的 clear 和mootools庫中數組的 empty 使用這種方式清空數組。  

方式3,賦值爲[]

1
2
var ary = [1,2,3,4];
ary = []; // 賦值爲一個空數組以達到清空原數組

這裏其實並不能說是嚴格意義的清空數組,只是將ary重新賦值爲空數組,之前的數組如果沒有引用在指向它將等待垃圾回收。

Ext庫Ext.CompositeElementLite類的 clear 使用這種方式清空。

方式2 保留了數組其它屬性,方式3 則未保留。很多人認爲方式2的效率很高些,因爲僅僅是給length重新賦值了,而方式3則重新建立個對象。經 測試 恰恰是方式3的效率高。測試代碼:

1
2
3
4
5
6
7
8
9
var a = [];
for (var i=0; i< 1000000; i++){
    a.push(i);
}
var start = new Date();
//a = [];
a.length = 0;
var end = new Date();
alert(end - start);

測試結果:

以上結果可看到:方式3更快,效率更高。因此如果不保留原數組的其它屬性Ext採用的方式更值得推薦。

發佈了74 篇原創文章 · 獲贊 5 · 訪問量 14萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章