js-清空array數組

兩種實現方式：

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

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

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

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

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

Js代碼

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

 

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

      arrayObject.length

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

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

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

 

Js代碼

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

 

方式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 = []; // 賦值為一個空數組以達到清空原數組

 

這里其實並不能說是嚴格意義的清空數組，只是將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);

 

測試結果： 

 

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