JavaScript中清空數組的三種方式

JavaScript中清空數組的三種方式

方式1，splice

 

 

方式2，length賦值爲0 

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

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

 

Java中會報錯，編譯通不過。

而JS中則可以，且將數組清空了，如

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

 

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

方式3，賦值爲[]

 

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

 

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

 

方式2 保留了數組其它屬性，方式3 則未保留。

 

很多人認爲方式2的效率很高些，因爲僅僅是給length重新賦值了，而方式3則重新建立個對象。經 測試 恰恰是方式3的效率高。測試代碼：

 

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);

 

測試結果：

	IE6	IE7	IE8	IE9	Firefox	Safari	Chrome
a.length=0	94	29	14	1	4	3	1
a=[]	0	0	0	0	0	0	0

 

 

以上結果可看到:方式3更快，效率更高。

 

 

從測試結果上看如果不保留原數組的其它屬性Ext採用的方式更值得推薦。