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的Eval函数
Jul 26 Javascript
jQuery插件slider实现拖动滑块选取价格范围
Apr 30 Javascript
JavaScript结合Bootstrap仿微信后台多图文界面管理
Jul 22 Javascript
bootstrap下拉列表与输入框组结合的样式调整
Oct 08 Javascript
Node.js如何使用Diffie-Hellman密钥交换算法详解
Sep 05 Javascript
JS实现运动缓冲效果的封装函数示例
Feb 18 Javascript
setTimeout时间设置为0详细解析
Mar 13 Javascript
微信小程序人脸识别功能代码实例
May 07 Javascript
Node.js Windows Binary二进制文件安装方法
May 16 Javascript
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
Jun 14 Javascript
新手快速入门微信小程序组件库 iView Weapp
Jun 24 Javascript
javascript实现fetch请求返回的统一拦截
Dec 22 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实现登陆验证码(类似条行码状)
2006/10/09 PHP
PHP之COOKIE支持详解
2010/09/20 PHP
我的php学习笔记(毕业设计)
2012/02/21 PHP
php用户注册页面利用js进行表单验证具体实例
2013/10/17 PHP
php实现最简单的MVC框架实例教程
2014/09/08 PHP
php实现复制移动文件的方法
2015/07/29 PHP
WordPress的文章自动添加关键词及关键词的SEO优化
2016/03/01 PHP
JavaScript 仿关机效果的图片层
2008/12/26 Javascript
简单的jquery拖拽排序效果实现代码
2011/09/20 Javascript
js图片延迟加载的实现方法及思路
2013/07/22 Javascript
JS实现随机化快速排序的实例代码
2013/08/01 Javascript
js类式继承的具体实现方法
2013/12/31 Javascript
js和jquery中循环的退出和继续学习记录
2014/09/06 Javascript
Javascript基础教程之switch语句
2015/01/18 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
2016/01/12 Javascript
基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法
2016/07/22 Javascript
AngularJS HTML DOM详解及示例代码
2016/08/17 Javascript
Bootstrap Tree View简单而优雅的树结构组件实例解析
2017/06/15 Javascript
js封装成插件_Canvas统计图插件编写实例
2017/09/12 Javascript
js实现倒计时器自定义时间和暂停
2019/02/25 Javascript
JavaScript动态检测密码强度原理及实现方法详解
2019/06/11 Javascript
python中pass语句用法实例分析
2015/04/30 Python
python的Crypto模块实现AES加密实例代码
2018/01/22 Python
windows下python安装小白入门教程
2018/09/18 Python
pycharm: 恢复(reset) 误删文件的方法
2018/10/22 Python
解决PyCharm的Python.exe已经停止工作的问题
2018/11/29 Python
解决python xx.py文件点击完之后一闪而过的问题
2019/06/24 Python
html5默认气泡修改的代码详解
2020/03/13 HTML / CSS
水芝澳美国官网:H2O Plus
2016/10/15 全球购物
Ajax主要包含了哪些技术
2014/06/12 面试题
市政工程技术专业自荐书
2014/07/06 职场文书
三峡大坝导游词
2015/01/31 职场文书
2015年小学生自我评价范文
2015/03/03 职场文书
教师求职信怎么写
2015/03/20 职场文书
公司财务经理岗位职责
2015/04/08 职场文书
nginx配置虚拟主机的详细步骤
2021/07/21 Servers