js清空array數組的方法

方式1，splice

 

Js代碼  

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

 

方式2，length賦值為0 

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

Java代碼  

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

 

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

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

Js代碼  

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

 

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

方式3，賦值為[]

 

Js代碼  

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

 

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

 

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

 

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

 

Js代碼  

1. var a = [];  
2. for (var i=0; i< 1000000; i++){  
3.     a.push(i);  
4. }  
5. var start = new Date();  
6. //a = [];  
7. a.length = 0;  
8. var end = new Date();  
9. 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采用的方式更值得推薦。