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代码
Sep 22 Javascript
js+html5实现canvas绘制圆形图案的方法
Jun 05 Javascript
jquery获取当前元素索引值用法实例
Jun 10 Javascript
javascript中对变量类型的判断方法
Aug 09 Javascript
再JavaScript的jQuery库中编写动画效果的指南
Aug 13 Javascript
基于jQuery实现Div窗口震动特效代码-代码简单
Aug 28 Javascript
js中用cssText设置css样式的简单方法
Sep 19 Javascript
最常见和最有用的字符串相关的方法详解
Feb 06 Javascript
实现图片首尾平滑轮播(JS原生方法—节流)
Oct 17 Javascript
React+Webpack快速上手指南(小结)
Aug 15 Javascript
微信小程序如何刷新当前界面的实现方法
Jun 07 Javascript
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
Jul 03 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
使用sockets:从新闻组中获取文章(一)
2006/10/09 PHP
php+mysql+ajax实现单表多字段多关键词查询的方法
2017/04/15 PHP
php编程实现简单的网页版计算器功能示例
2017/04/26 PHP
Laravel下生成验证码的类
2017/11/15 PHP
jQuery在iframe中无法弹出对话框的解决方法
2014/01/12 Javascript
jquery禁用右键单击功能屏蔽F5刷新
2014/03/17 Javascript
jQuery将表单序列化成一个Object对象的实例
2016/11/29 Javascript
Vue.js路由组件vue-router使用方法详解
2016/12/02 Javascript
vuex中使用对象展开运算符的示例
2017/09/25 Javascript
JavaScript 异步调用
2017/10/25 Javascript
Node.Js中实现端口重用原理详解
2018/05/03 Javascript
bootstrapTable+ajax加载数据 refresh更新数据
2018/08/31 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
2019/04/04 Javascript
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
2019/08/17 Javascript
vue实现设置载入动画和初始化页面动画效果
2019/10/28 Javascript
JQuery通过键盘控制键盘按下与松开触发事件
2020/08/07 jQuery
JavaScript 常见的继承方式汇总
2020/09/17 Javascript
[01:05]主宰至宝剑心之遗
2017/03/16 DOTA
[01:21]2018DOTA2亚洲邀请赛4.5采访 打DOTA2也能有女朋友?
2018/04/06 DOTA
python解析xml文件实例分析
2015/05/27 Python
深入了解Python iter() 方法的用法
2019/07/11 Python
python multiprocessing多进程变量共享与加锁的实现
2019/10/02 Python
python 实现单通道转3通道
2019/12/03 Python
python logging.info在终端没输出的解决
2020/05/12 Python
python在CMD界面读取excel所有数据的示例
2020/09/28 Python
英国、欧洲和全球租车服务:Avis英国
2016/08/29 全球购物
VICHY薇姿美国官方网站:欧洲药房第一的抗衰老品牌
2017/11/22 全球购物
标签和贴纸印刷:Lightning Labels
2018/03/22 全球购物
温泉秘密:Onsen Secret
2020/07/06 全球购物
公益活动策划方案
2014/01/09 职场文书
会计专业自我评价
2014/02/12 职场文书
送餐员岗位职责范本
2014/02/21 职场文书
2016年员工年度考核评语
2015/12/02 职场文书
python通过函数名调用函数的几种方法总结
2021/06/07 Python
Html5大屏数据可视化开发的实现
2021/06/11 HTML / CSS
Python+OpenCV实现图片中的圆形检测
2022/04/07 Python