JavaScript中清空數組的三種方式
方式1,splice
方式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 = []; // 賦值爲一個空數組以達到清空原數組
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);
測試結果:
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採用的方式更值得推薦。