JavaScript中清空数组的方法总结

 更新时间:2016年12月02日 16:59:42   作者:黑桃King与七  
本文给大家总结了三种js清空数组的方法,每种方法都与众不同,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧

 方式1,splice

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

方式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 = []; // 赋值为一个空数组以达到清空原数组

这里其实并不能说是严格意义的清空数组,只是将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采用的方式更值得推荐。

以上所述是小编给大家介绍的JavaScript中清空数组的三种方式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Javascript作用域(局部和全局作用域)详细介绍

    Javascript作用域(局部和全局作用域)详细介绍

    作用域是当前的执行上下文,值和表达式在其中“可见”或可被访问,本文主要介绍了Javascript局部作用域和全局作用域,文中有详细的代码示例,具有一定的参考价值,需要的朋友可以借鉴一下
    2023-06-06
  • 如何使用wheelnav.js构建酷炫的动态导航菜单

    如何使用wheelnav.js构建酷炫的动态导航菜单

    本文主要介绍一种基于SVG的web动态导航组件,通过这个组件可以实现很多丰富酷炫的效果,首先介绍这款wheelnav.js的相关知识,然后结合代码讲解如何在html页面中创建其对象,接着讲解wheelnav的一些属性和方法,最后给出基于wheelnav的实际成果,喜欢的朋友一起学习吧
    2024-06-06
  • js+div实现文字滚动和图片切换效果代码

    js+div实现文字滚动和图片切换效果代码

    这篇文章主要介绍了js+div实现文字滚动和图片切换效果代码,涉及javascript鼠标事件及页面元素图片滚动效果实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • Echart中国地图更换背景图的方法示例

    Echart中国地图更换背景图的方法示例

    本文主要介绍了Echart中国地图更换背景图的方法示例,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • 原生js做的手风琴效果的导航菜单

    原生js做的手风琴效果的导航菜单

    手风琴效果的导航想必大家都有见到过吧,实现的方法也有很多,在本文为大家介绍下使用原生js简单实现下,感兴趣的朋友不要错过
    2013-11-11
  • JavaScript中将number转为string的5种方法

    JavaScript中将number转为string的5种方法

    这篇文章主要给大家介绍了关于JavaScript中将number转为string的5种方法,在JavaScript的值类型转换中,最常发生的就是string与number这两种类型值之间的相互转换,需要的朋友可以参考下
    2023-07-07
  • javascript限制用户只能输汉字中文的方法

    javascript限制用户只能输汉字中文的方法

    这篇文章主要介绍了javascript限制用户只能输汉字中文的方法,实例列举了利用Unicode判断与正则判断两种方法,具有一定的实用价值,需要的朋友可以参考下
    2014-11-11
  • javascript深入理解js闭包

    javascript深入理解js闭包

    闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。
    2010-07-07
  • JavaScript Cookie的读取和写入函数

    JavaScript Cookie的读取和写入函数

    Cookie的读取和写入实现函数。
    2009-12-12
  • JavaScript类型系统之基本数据类型与包装类型

    JavaScript类型系统之基本数据类型与包装类型

    javascript的数据类型可以分为两种:原始类型和引用类型,在此文给大家提到。本文主要给大家介绍javascript类型系统之基本数据类型与包装类型,涉及到js 基本类型 包装类相关知识,本文介绍的详细,具有参考借鉴价值,对本文感兴趣的朋友一起学习吧
    2016-01-01

最新评论