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实现移动开发轮播图、相册滑动特效
Apr 17 Javascript
详解JavaScript的Polymer框架中的通知交互
Jul 29 Javascript
基于jquery实现select选择框内容左右移动添加删除代码分享
Aug 25 Javascript
深入理解JavaScript定时机制
Oct 27 Javascript
清除浏览器缓存的几种方法总结(必看)
Dec 09 Javascript
微信小程序 解决swiper不显示图片的方法
Jan 04 Javascript
js实现HTML中Select二级联动的实例
Jan 05 Javascript
js和jQuery以及easyui实现对下拉框的指定赋值方法
Jan 23 jQuery
关于Vue的路由权限管理的示例代码
Mar 06 Javascript
vue中的mvvm模式讲解
Jan 31 Javascript
微信小程序实现元素渐入渐出动画效果封装方法
May 18 Javascript
Vue2.0实现简单分页及跳转效果
Jul 29 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
推荐个功能齐全的发送PHP邮件类
2007/01/03 PHP
深入解读php中关于抽象(abstract)类和抽象方法的问题分析
2014/01/03 PHP
js 加载时自动调整图片大小
2008/05/28 Javascript
javascript或asp实现的判断身份证号码是否正确两种验证方法
2009/11/26 Javascript
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
2011/01/11 Javascript
学习从实践开始之jQuery插件开发 对话框插件开发
2012/04/26 Javascript
基于jQuery的360图片展示实现代码
2012/06/14 Javascript
Javascript验证上传图片大小[前台处理]
2014/07/18 Javascript
JavaScript 里的类数组对象
2015/04/08 Javascript
深入理解MVC中的时间js格式化
2016/05/19 Javascript
底部悬浮通栏可以关闭广告位的实现方法
2016/06/01 Javascript
JavaScript的this关键字的理解
2016/06/18 Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
2016/06/24 Javascript
为jQuery-easyui的tab组件添加右键菜单功能的简单实例
2016/10/10 Javascript
js实现获取鼠标当前的位置
2016/12/14 Javascript
angularjs实现搜索的关键字在正文中高亮出来
2017/06/13 Javascript
Angular8基础应用之表单及其验证
2019/08/11 Javascript
vue实现拖拽效果
2019/12/23 Javascript
原生JS实现相邻月份日历
2020/10/13 Javascript
用Python操作字符串之rindex()方法的使用
2015/05/19 Python
Sanic框架配置操作分析
2018/07/17 Python
Python实现数据可视化看如何监控你的爬虫状态【推荐】
2018/08/10 Python
Python将8位的图片转为24位的图片实现方法
2018/10/24 Python
Python产生Gnuplot绘图数据的方法
2018/11/09 Python
Python判断一个文件夹内哪些文件是图片的实例
2018/12/07 Python
详解前端HTML5几种存储方式的总结
2016/12/27 HTML / CSS
Dogeared官网:在美国手工制作的珠宝
2019/08/24 全球购物
最畅销的视频游戏享受高达90%的折扣:CDKeys
2020/02/10 全球购物
Java语言程序设计测试题改错题部分
2014/07/22 面试题
打造高效课堂实施方案
2014/03/22 职场文书
优秀团员自我评价范文
2014/04/23 职场文书
保护野生动物倡议书
2014/05/16 职场文书
2014年小班保育员工作总结
2014/12/23 职场文书
广告公司文案策划岗位职责
2015/04/14 职场文书
让世界充满爱观后感
2015/06/10 职场文书
教你如何使用Python实现二叉树结构及三种遍历
2021/06/18 Python