当前位置：首页 > 资讯 > 技术文档

JavaScript中清空数组的三种方式

时间：2020-09-03 12:17 编辑：来源：阅读：
扫一扫，手机访问

摘要：JavaScript中清空数组的三种方式

[b]方式1，splice[/b]

var ary = [1,2,3,4]; 
ary.splice(0,ary.length); 
console.log(ary); // 输出 []，空数组，即被清空了

[b]方式2，length赋值为0 [/b] 这种方式很有意思，其它语言如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中数组的 [url=http://api.prototypejs.org/language/Array/prototype/clear/]clear[/url] 方法和mootools库中数组的 [url=https://mootools.net/core/docs/1.6.0/Types/Array#Array:empty]empty[/url] 方法使用这种方式清空数组。 [b]方式3，赋值为[][/b]

var ary = [1,2,3,4]; 
ary = []; // 赋值为一个空数组以达到清空原数组

Ext库Ext.CompositeElementLite类的 [url=http://docs.sencha.com/#method-Ext.CompositeElementLite-clear]clear[/url] 方法使用这种方式清空。方式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采用的方式更值得推荐。以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持编程素材网！

全部评论(0)

上一篇：情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
下一篇：BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面

资讯排行榜
更多>>