DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中清空數組的三種方法分享
JavaScript中清空數組的三種方法分享
編輯:關於JavaScript     
方式1,splice
復制代碼 代碼如下:
var ary = [1,2,3,4];
ary.splice(0,ary.length);
console.log(ary); // 輸出 [],空數組,即被清空了

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

方式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采用的方式更值得推薦。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved