JavaScript清空數組的三種方法_ZenDei技術網路在線

JavaScript清空數組的三種方法

-Advertisement-

[文章系摘自網路，看到有用記錄在博客，同時共用給大家] 原鏈接：http://www.2cto.com/kf/201409/335383.html 方式1，splice var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); ...

[文章系摘自網路，看到有用記錄在博客，同時共用給大家]

原鏈接：http://www.2cto.com/kf/201409/335383.html

方式1，splice

var ary = [1,2,3,4];

ary.splice(0,ary.length);

console.log(ary); // 輸出 Array[0]，空數組，即被清空了

方式2，length賦值為0

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

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

Java中會報錯，編譯通不過。而JS中則可以，且將數組清空了，

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

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

方式3，賦值為[]

var ary = [1,2,3,4];

ary = []; // 賦值為一個空數組以達到清空原數組

這裡其實並不能說是嚴格意義的清空數組，只是將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);

測試結果：

以上結果可看到:方式3更快，效率更高。因此如果不保留原數組的其它屬性Ext採用的方式更值得推薦。

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

設計模式(九): 從醋溜土豆絲和清炒苦瓜中來學習"模板方法模式"(Template Method Pattern)

今天是五.四青年節，祝大家節日快樂。看著今天這標題就有食欲，夏天到了，醋溜土豆絲和清炒苦瓜適合夏天吃，好吃不上火。這兩道菜大部分人都應該吃過，特別是醋溜土豆絲，作為“魯菜”的代表作之一更是為大眾所熟知，醋溜土豆絲，好吃不上火。清炒苦瓜這道菜好啊，更是夏天必備之良菜，其功效在此就不做過多贅述了。言歸正 ...
備忘錄模式

備忘錄：在不破壞封裝的前提下，捕獲一個對象的內部狀態，併在該對象之外保存這個狀態，這樣以後就可將該對象恢復到原先保存的狀態。舉例如下： Originator:發起人，負責創建一個備忘錄Memento，用以記錄當前時刻它的內部狀態，並可使用備忘錄恢復內部狀態。它根據需要決定Memento存儲Orig ...
JS數據類型

一、Javascript中的數據類型可以分為基本數據類型和複合數據類型兩種: （1）基礎數據類型有5種數據類型：Number、Boolean、Undefined、Null和String。 Number類型：整數和浮點數。NaN：Not a Number。這個數值用於本來要返回一個數值，但是卻未能放回 ...
元素顯示隱藏的9種思路

× 目錄 [1]display [2]visibility [3]hidden[4]opacity[5]overflow[6]clip[7]transform[8]覆蓋[9]偏移前面的話在網頁製作中，元素的顯示隱藏是非常常見的需求。本文將介紹元素顯示隱藏的9種思路思路一: display 對於 ...
[記錄]關於vertical-align單/多選框與說明文字對齊效果

效果圖: 第一張使用label標簽,第二張沒有使用.. 使用label標簽,middle對齊方式的單選框下降了1px 而沒有使用label標簽,sub對齊方式的卻居中了 =_= 不太理解,困.. 留一記錄, 忘能解惑代碼: 1.說明名字用<label>標簽 2.說明文字沒有使用<label ...
初識正則表達式

一、字元串操作包括哪些？ search 查找 <script> var str='abcdefd'; alert(str.search('a')); //返回0，從0開始 alert(str.search('bc')); //返回1，這個1是bc出現的位置，search只找第一次出現的位置 aler ...
原生JS投票特效

效果：http://hovertree.com/texiao/js/24/ 效果圖：代碼如下：轉自：http://hovertree.com/h/bjaf/jsdiaocha.htm 特效：http://www.cnblogs.com/roucheng/p/texiao.html ...
別真以為JavaScript中func.call/apply/bind是萬能的！

自從學會call/apply/bind這三個方法後我就各種場合各種使用各種得心應手至今還沒踩過什麼坑，怎麼用？說直白點就是我自己的對象沒有某個方法但別人有，我就可以通過call/apply/bind去調用執行別人家的方法，不太懂具體用法的同學可移至MDN學習一下Function.prototype. ...