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实现代码
May 23 Javascript
jquery 单引号和双引号的区别及使用注意
Jul 31 Javascript
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
Nov 21 Javascript
鼠标移入移出事件改变图片的分辨率的两种方法
Dec 17 Javascript
JavaScript实现三阶幻方算法谜题解答
Dec 29 Javascript
详解webpack打包vue时提取css
May 26 Javascript
Vue实现数字输入框中分割手机号码的示例
Oct 10 Javascript
浅谈Vue SSR 的 Cookies 问题
Nov 20 Javascript
jquery中有哪些api jQuery主要API
Nov 20 jQuery
总结javascript三元运算符知识点
Sep 28 Javascript
js中int和string数据类型互相转化实例
Jan 16 Javascript
vue router总结 $router和$route及router与 router与route区别
Jul 05 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 杂谈《重构-改善既有代码的设计》之五 简化函数调用
2012/05/07 PHP
php异常处理技术,顶级异常处理器
2012/06/13 PHP
获取用户Ip地址通用方法与常见安全隐患(HTTP_X_FORWARDED_FOR)
2013/06/01 PHP
根据ip调用新浪api获取城市名并转成拼音
2014/03/07 PHP
Yii2框架实现数据库常用操作总结
2017/02/08 PHP
php中请求url的五种方法总结
2017/07/13 PHP
通过修改Laravel Auth使用salt和password进行认证用户详解
2017/08/17 PHP
jquery的ajax异步请求接收返回json数据实例
2014/06/16 Javascript
Node.js的Koa框架上手及MySQL操作指南
2016/06/13 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
2016/09/17 Javascript
JavaScript省市区三级联动菜单效果
2016/09/21 Javascript
详解Vue-cli webpack移动端自动化构建rem问题
2018/04/07 Javascript
vue修改对象的属性值后页面不重新渲染的实例
2018/08/09 Javascript
layui前端时间戳转化实例
2019/11/15 Javascript
javascript实现商品图片放大镜
2019/11/28 Javascript
原生js实现密码强度验证功能
2020/03/18 Javascript
微信小程序实现身份证取景框拍摄
2020/09/09 Javascript
使用JavaScript实现贪吃蛇游戏
2020/09/29 Javascript
python snownlp情感分析简易demo(分享)
2017/06/04 Python
Python set常用操作函数集锦
2017/11/15 Python
Python程序员面试题 你必须提前准备!
2018/01/16 Python
python opencv之SURF算法示例
2018/02/24 Python
python 串口读取+存储+输出处理实例
2019/12/26 Python
解决springboot yml配置 logging.level 报错问题
2020/02/21 Python
使用IPython或Spyder将省略号表示的内容完整输出
2020/04/20 Python
Python HTMLTestRunner测试报告view按钮失效解决方案
2020/05/25 Python
Pycharm制作搞怪弹窗的实现代码
2021/02/19 Python
CSS3中引入多种自定义字体font-face
2020/06/12 HTML / CSS
菲律宾购物网站:Lazada菲律宾
2018/04/05 全球购物
说说在weblogic中开发消息Bean时的persistent与non-persisten的差别
2013/04/07 面试题
白酒市场营销方案
2014/02/25 职场文书
化工专业求职信
2014/07/01 职场文书
护理见习报告范文
2014/11/03 职场文书
2015暑期工社会实践报告
2015/07/13 职场文书
小学开学典礼新闻稿
2015/07/17 职场文书
Nginx配置之实现多台服务器负载均衡
2021/08/02 Servers