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 相关文章推荐
xml和web特殊字符
Apr 28 Javascript
jQuery 可以拖动的div实现代码 脚本之家修正版
Jun 26 Javascript
js原生态函数中使用jQuery中的 $(this)无效的解决方法
May 25 Javascript
js实现倒计时时钟的示例代码
Dec 17 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
May 04 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
Dec 12 Javascript
js中删除数组中的某一元素实例(无下标时)
Feb 28 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
Mar 07 Javascript
node基于async/await对mysql进行封装
Jun 20 Javascript
element中的$confirm的使用
Apr 26 Javascript
vue实现在线学生录入系统
May 30 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
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根据日期显示所在星座的方法
2015/07/13 PHP
ThinkPHP3.1.x修改成功与失败跳转页面的方法
2017/09/29 PHP
详解php 使用Callable Closure强制指定回调类型
2017/10/26 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
2020/03/24 PHP
PHP SESSION跨页面传递失败解决方案
2020/12/11 PHP
jQuery随机切换图片的小例子
2013/04/18 Javascript
JS实现时间格式化的方式汇总
2013/10/16 Javascript
键盘KeyCode值列表汇总
2013/11/26 Javascript
在JavaScript中处理数组之reverse()方法的使用
2015/06/09 Javascript
Javascript实现字数统计
2015/07/03 Javascript
JQuery validate插件Remote用法大全
2016/05/15 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
2017/04/13 Javascript
基于angular实现模拟微信小程序swiper组件
2017/06/11 Javascript
一次围绕setTimeout的前端面试经验分享
2017/06/15 Javascript
js浏览器滚动条卷去的高度scrolltop(实例讲解)
2017/07/07 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
2017/08/09 Javascript
JS实现为动态创建的元素添加事件操作示例
2018/03/17 Javascript
详解Vue实战指南之依赖注入(provide/inject)
2018/11/13 Javascript
vue与原生app的对接交互的方法(混合开发)
2018/11/28 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
2020/10/22 Javascript
python 判断是否为正小数和正整数的实例
2017/07/23 Python
django加载本地html的方法
2018/05/27 Python
详解安装mitmproxy以及遇到的坑和简单用法
2019/01/21 Python
python正则-re的用法详解
2019/07/28 Python
python实现对服务器脚本敏感信息的加密解密功能
2019/08/13 Python
python如何实现不用装饰器实现登陆器小程序
2019/12/14 Python
python opencv实现信用卡的数字识别
2020/01/12 Python
解决pycharm安装第三方库失败的问题
2020/05/09 Python
python右对齐的实例方法
2020/07/05 Python
python实现测试工具(二)——简单的ui测试工具
2020/10/19 Python
python简单实现插入排序实例代码
2020/12/16 Python
澳大利亚领先的在线礼品网站:Gifts Australia
2020/08/15 全球购物
会计主管岗位职责范文
2013/11/08 职场文书
精彩的推荐信范文
2013/11/26 职场文书
2016年学校“3.12”植树节活动总结
2016/03/16 职场文书
golang中实现给gif、png、jpeg图片添加文字水印
2021/04/26 Golang