JavaScript中清空數(shù)組的三種方式
方式1，splice
var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 輸出 []，空數(shù)組，即被清空了
方式2，length賦值為0
這種方式很有意思，其它語(yǔ)言如Java，其數(shù)組的length是只讀的，不能被賦值。如
int[] ary = {1,2,3,4};
ary.length = 0;
Java中會(huì)報(bào)錯(cuò)，編譯通不過(guò)。
而JS中則可以，且將數(shù)組清空了，如
var ary = [1,2,3,4]; ary.length = 0; console.log(ary); // 輸出 []，空數(shù)組，即被清空了
目前 Prototype中數(shù)組的 clear 方法和mootools庫(kù)中數(shù)組的 empty 方法使用這種方式清空數(shù)組。
方式3，賦值為[]
var ary = [1,2,3,4]; ary = []; // 賦值為一個(gè)空數(shù)組以達(dá)到清空原數(shù)組
Ext庫(kù)Ext.CompositeElementLite類的 clear 方法使用這種方式清空。
方式2 保留了數(shù)組其它屬性，方式3 則未保留。
很多人認(rèn)為方式2的效率很高些，因?yàn)閮H僅是給length重新賦值了，而方式3則重新建立個(gè)對(duì)象。經(jīng) 測(cè)試 恰恰是方式3的效率高。測(cè)試代碼：
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);
測(cè)試結(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更快，效率更高。
從測(cè)試結(jié)果上看如果不保留原數(shù)組的其它屬性Ext采用的方式更值得推薦。
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
JS正則表達(dá)式詳解及身份證號(hào)碼驗(yàn)證(簡(jiǎn)易版)
在做用戶實(shí)名驗(yàn)證時(shí),常會(huì)用到身份證號(hào)碼的正則表達(dá)式及校驗(yàn)方案,下面這篇文章主要給大家介紹了關(guān)于JS正則表達(dá)式及身份證號(hào)碼驗(yàn)證的相關(guān)資料,需要的朋友可以參考下2022-07-07
微信小程序?qū)崿F(xiàn)錨點(diǎn)跳轉(zhuǎn)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)錨點(diǎn)跳轉(zhuǎn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
JavaScript面試技巧之?dāng)?shù)組的一些不low操作
這篇文章主要給大家介紹了關(guān)于JavaScript面試技巧之?dāng)?shù)組的一些不low操作的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
這篇文章主要介紹了JS document form表單元素操作,結(jié)合完整實(shí)例形式詳細(xì)分析了JavaScript form表單元素獲取、輸出、遍歷等相關(guān)操作技巧,需要的朋友可以參考下2020-01-01
JavaScript時(shí)間對(duì)象Date內(nèi)置構(gòu)造函數(shù)操作實(shí)例
這篇文章主要為大家介紹了JavaScript時(shí)間對(duì)象Date內(nèi)置構(gòu)造函數(shù)操作實(shí)例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)自定義消息提示框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要介紹了微信小程序分包加載代碼實(shí)現(xiàn)方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
js實(shí)現(xiàn)隨機(jī)點(diǎn)名系統(tǒng)(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)隨機(jī)點(diǎn)名系統(tǒng)(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
這篇文章主要介紹了JS取模、取商及取整運(yùn)算方法,結(jié)合實(shí)例形式分析了javascript取模、取商機(jī)取整等數(shù)學(xué)運(yùn)算的常見(jiàn)操作方法,需要的朋友可以參考下2016-10-10
這篇文章主要為大家介紹了一文搞懂?parseInt()函數(shù)異常行為示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05