js-清空array數組

兩種實現方式：

1. splice：刪除元素並添加新元素，直接對數組進行修改，返回含有被刪除元素的數組。

arrayObject.splice(index,howmany,element1,.....,elementX)

index：必選，規定從何處添加/刪除元素。

howmany：必選，規定應該刪除多少元素。未規定此參數，則刪除從 index 開始到原數組結尾的全部元素。

element1:可選，規定要添加到數組的新元素。

 

1 <script type ="text/javascript">  
2        var arr = [1,2,3,4];  
3        arr.splice(0,arr.length);  
4        document.write(arr);//  
5 </script>  

 

2.length屬性：設置或返回數組中元素的數目。 

      arrayObject.length

    length=元素最後一個下標+1，length值爲0清空數組內的元素（不包括下標不爲整數的數組元素）。

    設置的length值比當前數組對應的值小，數組將被截斷，尾部的元素丟失。

    設置的length值比當前數組對應的值大，數組將增大，新的元素被添加到數組尾部，值爲 undefined。

 

Js代碼 

1 <script type ="text/javascript">  
2       var arr = [1,2,3,4];  
3       arr.length=0;  
4       document.write(arr);//  
5 </script> 

 

方式2，length賦值爲0

 

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

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

 Java中會報錯，編譯通不過。而JS中則能夠，且將數組清空了，

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

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

 

方式3，賦值爲[]

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

 

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

 

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

方式2 保留了數組其它屬性，方式3 則未保留。不少人認爲方式2的效率很高些，由於僅僅是給length從新賦值了，而方式3則從新創建個對象。經 測試 偏偏是方式3的效率高。測試代碼：

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

 

測試結果： 

 

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