快捷導(dǎo)航

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

更新時(shí)間：2017年03月22日 11:48:54 作者：zhouyrt

本文主要介紹了JavaScript中清空數(shù)組的三種方式。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧

方式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)文章

微信小程序?qū)崿F(xiàn)圖形驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)圖形驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-05-05
JavaScript中創(chuàng)建GUID/UUID的方法及實(shí)現(xiàn)步驟
在JavaScript開(kāi)發(fā)中,有時(shí)需要生成全局唯一標(biāo)識(shí)符（GUID）或通用唯一識(shí)別碼（UUID）,本文給大家介紹JavaScript中創(chuàng)建GUID/UUID的方法及實(shí)現(xiàn)步驟,感興趣的朋友一起看看吧
2025-06-06
js性能優(yōu)化技巧
性能優(yōu)化：簡(jiǎn)而言之，就是在不影響系統(tǒng)運(yùn)行正確性的前提下，使之運(yùn)行地更快，完成特定功能所需的時(shí)間更短，本篇文章給大家介紹js性能優(yōu)化技巧，需要的朋友參考下
2015-11-11
JavaScript實(shí)現(xiàn)圖片切換效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)圖片切換效果，以及自定義屬性的應(yīng)用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-08-08
JavaScript實(shí)現(xiàn)數(shù)組降維詳解
大家都知道將多維數(shù)組（尤其是二維數(shù)組）轉(zhuǎn)化為一維數(shù)組是業(yè)務(wù)開(kāi)發(fā)中的常用邏輯，除了使用樸素的循環(huán)轉(zhuǎn)換以外，我們還可以利用Javascript的語(yǔ)言特性和數(shù)據(jù)結(jié)構(gòu)的思想實(shí)現(xiàn)更為簡(jiǎn)潔優(yōu)雅的轉(zhuǎn)換。下面跟著小編一起來(lái)學(xué)習(xí)學(xué)習(xí)關(guān)于JavaScript如何實(shí)現(xiàn)數(shù)組降維吧。
2017-01-01
JS基于面向?qū)ο髮?shí)現(xiàn)的多個(gè)倒計(jì)時(shí)器功能示例
這篇文章主要介紹了JS基于面向?qū)ο髮?shí)現(xiàn)的多個(gè)倒計(jì)時(shí)器功能,結(jié)合實(shí)例形式分析了javascript面向?qū)ο蠹皶r(shí)間操作相關(guān)技巧,需要的朋友可以參考下
2017-02-02
JS使用ActiveXObject實(shí)現(xiàn)用戶提交表單時(shí)屏蔽敏感詞功能
這篇文章主要介紹了JS采用ActiveXObject實(shí)現(xiàn)用戶在提交表單時(shí)屏蔽敏感詞的功能的相關(guān)資料,需要的朋友可以參考下
2017-06-06
web前端開(kāi)發(fā)upload上傳頭像js示例代碼
這篇文章主要為大家詳細(xì)介紹了web前端開(kāi)發(fā)upload上傳頭像js示例代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
JavaScript駕馭網(wǎng)頁(yè)－獲取網(wǎng)頁(yè)元素
這篇文章主要介紹了JavaScript駕馭網(wǎng)頁(yè)－獲取網(wǎng)頁(yè)元素的相關(guān)資料,需要的朋友可以參考下
2016-03-03
如何使用ImageDecoder API讓GIF圖片暫停播放
在本文中，我們介紹了如何使用ImageDecoder API來(lái)暫停GIF圖像的播放，雖然這需要一些JavaScript編程知識(shí)，但它是一個(gè)非常強(qiáng)大的技術(shù)，可以讓您對(duì)GIF圖像進(jìn)行各種高級(jí)操作，感興趣的朋友跟隨小編一起看看吧
2023-06-06