JavaScript中清空數(shù)組的三種方式

發(fā)布時間：2020-09-21 18:59:05 來源：腳本之家閱讀：157 作者：zhouyrt 欄目：web開發(fā)

方式1，splice

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

方式2，length賦值為0

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

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

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

而JS中則可以，且將數(shù)組清空了，如

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

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

方式3，賦值為[]

var ary = [1,2,3,4]; 
ary = []; // 賦值為一個空數(shù)組以達(dá)到清空原數(shù)組

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

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

很多人認(rèn)為方式2的效率很高些，因?yàn)閮H僅是給length重新賦值了，而方式3則重新建立個對象。經(jīng) 測試恰恰是方式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);

測試結(jié)果：

	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

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

從測試結(jié)果上看如果不保留原數(shù)組的其它屬性Ext采用的方式更值得推薦。

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持億速云！

向AI問一下細(xì)節(jié)

JavaScript中清空數(shù)組的三種方式

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽