JavaScript中数组成员的添加、删除介绍


Posted in Javascript onDecember 30, 2014

JavaScript中,由于数组长度是可变的,因此可以通过直接定义新的成员而将其添加到数组中:

var o = [2,3,5];

o[3] = 7;

console.log(o);//[2,3,5,7]

除了这种方法,还可以通过使用push()语句来达到相同的目的:
o.push(11);

console.log(o);//[2,3,5,7,11]

o.push(13,17);

console.log(o);//[2,3,5,7,11,13,17]

如果需要在数组开头添加新的成员,可以使用unshift()语句:
o.unshift(2014);

console.log(o);//[2014,2,3,5,7,11,13,17]

o.unshift(2013, 2012);

console.log(o);//[2013,2012,2014, 2,3,5,7,11,13,17]

与push()对应,如果需要从数组末尾删除一个成员,可以使用pop()语句,pop()语句将返回这个被删除的成员,而数组长度将减少1:
var p = o.pop();

console.log(p);//17

console.log(o.length);//9

与unshift()对应,如果需要从数组开头删除一个成员,可以使用shift()语句,shift()语句将返回这个被删除的成员,而数组长度将减少1:
var s = o.shift();

console.log(s);//2013

console.log(o.length);//8

除了shift()语句和pop()语句,还可以通过delete操作符来删除数组中的成员。与shift()和pop()不同的是,delete操作后数组的length属性将保持不变,也即数组将变得不连续。

JavaScript中还可以通过设定数组的length属性来对数组进行修改:当length值小于数组成员数时,JavaScript将对数组进行截取;当length值大于数组成员数时,JavaScript会将数组变得不连续。如果length值只读,那么在数组中直接定义新成员的操作将会失败:

console.log(o);//[2012,2014, 2,3,5,7,11,13]

o.length = 2;

console.log(o);//[2012,2014]

o.length = 4;

console.log(o);//[2012,2014,undefined,undefined]
var a = [1,2,3];

Object.defineProperty(a, "length", {writable:false});

a[3] = 4;

console.log(a);//[1,2,3]
Javascript 相关文章推荐
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
Jul 04 Javascript
javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
Jul 04 Javascript
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
Nov 30 Javascript
JSON 数据格式介绍
Jan 13 Javascript
JQuery筛选器全系列介绍
Aug 27 Javascript
js中的push和join方法使用介绍
Oct 08 Javascript
jQuery队列操作方法实例
Jun 11 Javascript
JS实现颜色梯度与渐变效果完整实例
Dec 30 Javascript
bootstrap datetimepicker实现秒钟选择下拉框
Jan 05 Javascript
ES6 Proxy实现Vue的变化检测问题
Jun 11 Javascript
vuex实现像调用模板方法一样调用Mutations方法
Nov 06 Javascript
vue实现给div绑定keyup的enter事件
Jul 31 Javascript
JavaScript 实现打印,打印预览,打印设置
Dec 30 #Javascript
JavaScript中的数组操作介绍
Dec 30 #Javascript
jQuery中:first选择器用法实例
Dec 30 #Javascript
JavaScript中的类数组对象介绍
Dec 30 #Javascript
JavaScript中的方法调用详细介绍
Dec 30 #Javascript
JavaScript中的闭包(Closure)详细介绍
Dec 30 #Javascript
JavaScript中的类(Class)详细介绍
Dec 30 #Javascript
You might like
曾在DC漫画界反派角色扮演的演员,谁才是你心目中的小丑之王?
2020/04/09 欧美动漫
codeigniter显示所有脚本执行时间的方法
2015/03/21 PHP
jquery写个checkbox——类似邮箱全选功能
2013/03/19 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
2014/06/16 Javascript
JavaScript 实现打印,打印预览,打印设置
2014/12/30 Javascript
JavaScript函数作用域链分析
2015/02/13 Javascript
JS实现仿QQ聊天窗口抖动特效
2015/05/10 Javascript
深入解读JavaScript中的Hoisting机制
2015/08/12 Javascript
js实现TAB切换对应不同颜色的代码
2015/08/31 Javascript
jQuery对html元素的取值与赋值实例详解
2015/12/18 Javascript
JavaScript文本框脚本编写的注意事项
2016/01/25 Javascript
JS实现动态生成表格并提交表格数据向后端
2020/11/25 Javascript
浅析jquery与checkbox的checked属性的问题
2016/04/27 Javascript
Vue自定义指令详解
2017/07/28 Javascript
jQuery Easyui Treegrid实现显示checkbox功能
2017/08/08 jQuery
详解如何在你的Vue项目配置vux
2018/06/04 Javascript
js中Object.defineProperty()方法的不详解
2018/07/09 Javascript
vue使用rem实现 移动端屏幕适配
2018/09/26 Javascript
教你使用vue-cli快速构建的小说阅读器
2019/05/13 Javascript
Vue的全局过滤器和私有过滤器的实现
2020/04/20 Javascript
python网页请求urllib2模块简单封装代码
2014/02/07 Python
Python中使用PIL库实现图片高斯模糊实例
2015/02/08 Python
Python判断某个用户对某个文件的权限
2016/10/13 Python
简单了解django orm中介模型
2019/07/30 Python
TensorFlow实现checkpoint文件转换为pb文件
2020/02/10 Python
python itsdangerous模块的具体使用方法
2020/02/17 Python
婚鞋、新娘鞋、礼服鞋、童鞋:Nina Shoes
2019/09/04 全球购物
Expedia瑞典官网:预订度假屋、酒店、汽车租赁、机票等
2021/01/23 全球购物
质检部岗位职责
2013/11/11 职场文书
矫正人员思想汇报
2014/01/08 职场文书
关于毕业的广播稿
2014/01/10 职场文书
大学应届毕业生求职信
2014/05/24 职场文书
“四风”问题自我剖析材料思想汇报
2014/09/23 职场文书
2014年测量员工作总结
2014/12/12 职场文书
2016元旦文艺汇演主持词
2015/07/06 职场文书
MongoDB连接数据库并创建数据等使用方法
2021/11/27 MongoDB