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 相关文章推荐
input+select(multiple) 实现下拉框输入值
May 21 Javascript
jQuery插件开发基础简单介绍
Jan 07 Javascript
基于dom编程中 动态创建与删除元素的使用
Apr 17 Javascript
js中复制行和删除行的操作实例
Jun 25 Javascript
用javascript添加控件自定义属性解析
Nov 25 Javascript
jQuery实现鼠标经过提示信息的地图热点效果
Apr 26 Javascript
javascript嵌套函数和在函数内调用外部函数的区别分析
Jan 31 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
Oct 31 Javascript
Node.js websocket使用socket.io库实现实时聊天室
Feb 20 Javascript
详解angular中的作用域及继承
May 31 Javascript
Vue实现远程获取路由与页面刷新导致404错误的解决
Jan 31 Javascript
微信小程序实现拼图小游戏
Oct 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 ignore_user_abort与register_shutdown_function 使用方法
2009/06/14 PHP
ThinkPHP3.1新特性之Action参数绑定
2014/06/19 PHP
php文件包含目录配置open_basedir的使用与性能详解
2017/04/03 PHP
使用XHProf查找PHP性能瓶颈的实例
2017/12/13 PHP
JavaScript For Beginners(转载)
2007/01/05 Javascript
jquery.cookie.js 操作cookie实现记住密码功能的实现代码
2011/04/27 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
2011/09/01 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
2014/06/27 Javascript
Javascript基础教程之argument 详解
2015/01/18 Javascript
简介JavaScript中的sub()方法的使用
2015/06/08 Javascript
对象转换为原始值的实现方法
2016/06/06 Javascript
JavaScript 是什么意思
2016/09/22 Javascript
JS针对Array的各种操作汇总
2016/11/29 Javascript
servlet+jquery实现文件上传进度条示例代码
2017/01/25 Javascript
jQuery中Datatables增加跳转到指定页功能
2017/02/08 Javascript
video.js使用改变ui过程
2017/03/05 Javascript
React BootStrap用户体验框架快速上手
2018/03/06 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
2018/09/03 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
2019/06/04 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
python检测远程端口是否打开的方法
2015/03/14 Python
Python中对象迭代与反迭代的技巧总结
2016/09/17 Python
Python cookbook(数据结构与算法)对切片命名清除索引的方法
2018/03/13 Python
numpy.ndarray 交换多维数组(矩阵)的行/列方法
2018/08/02 Python
python 接口实现 供第三方调用的例子
2019/08/13 Python
python3.6、opencv安装环境搭建过程(图文教程)
2019/11/05 Python
利用pytorch实现对CIFAR-10数据集的分类
2020/01/14 Python
关于多种方式完美解决Python pip命令下载第三方库的问题
2020/12/21 Python
GetYourGuide台湾:预订旅游活动、景点和旅游项目
2019/06/10 全球购物
中华在我心中演讲稿
2014/09/13 职场文书
单位工作证明书格式
2014/10/04 职场文书
2015小学音乐教师个人工作总结
2015/07/21 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书
压缩Redis里的字符串大对象操作
2021/06/23 Redis
Python Pygame实战之塔防游戏的实现
2022/03/17 Python
MySQL创建管理LIST分区
2022/04/13 MySQL