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利用事件的阻止冒泡实现点击空白模态框的隐藏
Jan 24 Javascript
JS设置cookie、读取cookie
Feb 24 Javascript
基于vue实现分页/翻页组件paginator示例
Mar 09 Javascript
Angular4学习笔记之准备和环境搭建项目
Aug 01 Javascript
Echarts基本用法_动力节点Java学院整理
Aug 11 Javascript
浅谈Node.js 子进程与应用场景
Jan 24 Javascript
vue select选择框数据变化监听方法
Aug 24 Javascript
jQuery判断自定义属性data-val用法示例
Jan 07 jQuery
express框架下使用session的方法
Jul 31 Javascript
Vue项目实现换肤功能的一种方案分析
Aug 28 Javascript
js正则匹配多个全部数据问题
Dec 20 Javascript
vue2路由基本用法实例分析
Mar 06 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连接SQLServer2005方法及代码
2013/12/26 PHP
php实现有序数组旋转后寻找最小值方法
2018/09/27 PHP
javascript的回调函数应用示例
2014/02/20 Javascript
基于JQuery实现图片上传预览与删除操作
2016/05/24 Javascript
js操作数据库实现注册和登陆的简单实例
2016/05/26 Javascript
js简单获取表单中单选按钮值的方法
2016/08/23 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
jQuery中 DOM节点操作方法大全
2017/10/12 jQuery
微信小程序-getUserInfo回调的实例详解
2017/10/27 Javascript
前端防止用户重复提交js实现代码示例
2018/09/07 Javascript
微信小程序实现简单跑马灯效果
2020/05/26 Javascript
vue权限管理系统的实现代码
2019/01/17 Javascript
基于Fixed定位的框选功能的实现代码
2019/05/13 Javascript
vue常用高阶函数及综合实例
2021/02/25 Vue.js
python3图片转换二进制存入mysql
2013/12/06 Python
python中使用pyhook实现键盘监控的例子
2014/07/18 Python
python将字符串转换成数组的方法
2015/04/29 Python
Python读取txt内容写入xls格式excel中的方法
2018/10/11 Python
python判断一个数是否能被另一个整数整除的实例
2018/12/12 Python
Python 实现交换矩阵的行示例
2019/06/26 Python
numpy ndarray 取出满足特定条件的某些行实例
2019/12/05 Python
CSS3中的元素过渡属性transition示例详解
2016/11/30 HTML / CSS
魔幻般冒泡背景的CSS3按钮动画
2016/02/27 HTML / CSS
HTML中使用SVG与SVG预定义形状元素介绍
2013/06/28 HTML / CSS
澳大利亚旅游网站:Lastminute
2017/08/07 全球购物
东南亚排名第一的服务市场:kaodim
2019/03/28 全球购物
国际贸易专业个人职业生涯规划
2014/02/15 职场文书
建筑工程专业大学生求职信
2014/04/23 职场文书
爱国主义教育活动总结
2014/05/07 职场文书
医院护士见习期自我鉴定
2014/09/15 职场文书
学生党员批评与自我批评
2014/10/15 职场文书
工会2014法制宣传日活动总结
2014/11/01 职场文书
一年级班主任工作总结2014
2014/11/08 职场文书
2015年幼儿园国庆节活动总结
2015/07/30 职场文书
高中化学教学反思
2016/02/22 职场文书