JavaScript中清空数组的方法总结


Posted in Javascript onDecember 02, 2016

 方式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);

测试结果:

JavaScript中清空数组的方法总结

以上结果可看到:方式3更快,效率更高。因此如果不保留原数组的其它属性Ext采用的方式更值得推荐。

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

Javascript 相关文章推荐
JS控件autocomplete 0.11演示及下载 1月5日已更新
Jan 09 Javascript
javascript中使用replaceAll()函数实现字符替换的方法
Dec 25 Javascript
javascript如何动态加载表格与动态添加表格行
Nov 27 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
Mar 21 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
Aug 01 Javascript
jQuery+正则+文本框只能输入数字的实现方法
Oct 07 Javascript
JavaScript自定义分页样式
Jan 17 Javascript
Bootstrap轮播图学习使用
Feb 10 Javascript
js实现手机发送验证码功能
Mar 13 Javascript
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
vue路由懒加载的实现方法
Mar 12 Javascript
cocos2dx+lua实现橡皮擦功能
Dec 20 Javascript
浅谈js中几种实用的跨域方法原理详解
Dec 02 #Javascript
基于JQuery实现的跑马灯效果(文字无缝向上翻动)
Dec 02 #Javascript
探讨跨域请求资源的几种方式(总结)
Dec 02 #Javascript
jQuery实现倒计时(倒计时年月日可自己输入)
Dec 02 #Javascript
JavaScript 计算笛卡尔积实例详解
Dec 02 #Javascript
jQuery联动日历的实例解析
Dec 02 #Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
Dec 02 #Javascript
You might like
php 判断访客是否为搜索引擎蜘蛛的函数代码
2011/07/29 PHP
基于MySQL分区性能的详细介绍
2013/05/02 PHP
刷新时清空文本框内容的js代码
2007/04/23 Javascript
写了一个layout,拖动条连贯,内容区可为iframe
2007/08/19 Javascript
自动完成JS类(纯JS, Ajax模式)
2009/03/12 Javascript
JavaScript 字符串乘法
2009/08/20 Javascript
JS的反射问题
2010/04/07 Javascript
nodejs入门详解(多篇文章结合)
2012/03/07 NodeJs
js二维数组定义和初始化的三种方法总结
2014/03/03 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
2014/04/17 Javascript
深入解析JavaScript中的立即执行函数
2016/05/21 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
2016/12/05 Javascript
微信小程序 input输入框详解及简单实例
2017/01/10 Javascript
简单实现js点击展开二级菜单功能
2017/05/16 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
2017/08/09 Javascript
细说webpack源码之compile流程-rules参数处理技巧(2)
2017/12/26 Javascript
JS实现根据指定值删除数组中的元素操作示例
2018/08/02 Javascript
小程序分享模块超级详解(推荐)
2019/04/10 Javascript
微信小程序动态设置图片大小的方法
2019/11/21 Javascript
Vue 样式切换及三元判断样式关联操作
2020/08/09 Javascript
[06:30]DOTA2英雄梦之声_第15期_死亡先知
2014/06/21 DOTA
[05:59]2018DOTA2国际邀请赛寻真——只为胜利的Secret
2018/08/13 DOTA
[00:10]DOTA2 TI9勇士令状明日上线
2019/05/07 DOTA
详解Python之数据序列化(json、pickle、shelve)
2017/03/30 Python
python脚本替换指定行实现步骤
2017/07/11 Python
Flask模板引擎之Jinja2语法介绍
2019/06/26 Python
详解Python3 pandas.merge用法
2019/09/05 Python
学python安装的软件总结
2019/10/12 Python
python 实现兔子生兔子示例
2019/11/21 Python
CSS3 函数技巧 用css 实现js实现的事情(clac Counters Tooltip)
2017/08/15 HTML / CSS
印度尼西亚手表和包包商店:Urban Icon
2019/12/12 全球购物
初婚初育证明
2014/01/14 职场文书
后备干部考察材料
2014/02/12 职场文书
自我鉴定总结
2014/03/24 职场文书
清明祭英烈活动总结
2015/05/11 职场文书
Python Pytorch查询图像的特征从集合或数据库中查找图像
2022/04/09 Python