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 相关文章推荐
jquery简单体验
Jan 10 Javascript
js 图片轮播(5张图片)
Dec 30 Javascript
js实现图片轮换效果代码
Apr 16 Javascript
node.js中的path.dirname方法使用说明
Dec 09 Javascript
jQuery实现复制到粘贴板功能
Feb 11 Javascript
bootstrap table插件的分页与checkbox使用详解
Jul 23 Javascript
opencv 识别微信登录验证滑动块位置
Aug 07 Javascript
更改BootStrap popover的默认样式及popover简单用法
Sep 13 Javascript
javascript设计模式 ? 迭代器模式原理与用法实例分析
Apr 17 Javascript
angular中的post请求处理示例详解
Jun 30 Javascript
原生js+canvas实现贪吃蛇效果
Aug 02 Javascript
Ajax 的初步实现(使用vscode+node.js+express框架)
Jun 18 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学习之 认清变量的作用范围
2010/01/26 PHP
浅谈ThinkPHP的URL重写
2014/11/25 PHP
解决ThinkPHP关闭调试模式时报错的问题汇总
2015/04/22 PHP
php文件上传的两种实现方法
2016/04/04 PHP
php mysql procedure实现获取多个结果集的方法【基于thinkPHP】
2016/11/09 PHP
PHP数据库操作四:mongodb用法分析
2017/08/16 PHP
php实现简单的权限管理的示例代码
2017/08/25 PHP
JavaScript toFixed() 方法
2010/04/15 Javascript
3款实用的在线JS代码工具(国外)
2012/03/15 Javascript
node.js中的fs.lchmod方法使用说明
2014/12/16 Javascript
js实现照片墙功能实例
2015/02/05 Javascript
jQuery往返城市和日期查询实例讲解
2015/10/09 Javascript
JavaScript面试开发常用的知识点总结
2016/08/08 Javascript
探究Vue.js 2.0新增的虚拟DOM
2016/10/20 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
2016/10/24 Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
2017/01/03 Javascript
jQuery基于正则表达式的表单验证功能示例
2017/01/21 Javascript
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
React Native之ListView实现九宫格效果的示例
2017/08/02 Javascript
react-native封装插件swiper的使用方法
2018/03/20 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
2019/09/28 Javascript
[03:43]2014DOTA2西雅图国际邀请赛 newbee战队巡礼
2014/07/07 DOTA
python3实现字符串的全排列的方法(无重复字符)
2018/07/07 Python
详解python编译器和解释器的区别
2019/06/24 Python
Python Django2 model 查询介绍(条件、范围、模糊查询)
2020/03/16 Python
在python中使用pyspark读写Hive数据操作
2020/06/06 Python
Python实现中英文全文搜索的示例
2020/12/04 Python
灵活运用CSS3特性绘制简易版围棋效果
2016/09/28 HTML / CSS
Gap工厂店:Gap Factory
2017/11/02 全球购物
关于环保的标语
2014/06/13 职场文书
永不妥协观后感
2015/06/10 职场文书
小学班主任工作经验交流材料
2015/11/02 职场文书
调研报告的主要写法
2019/04/18 职场文书
sql字段解析器的实现示例
2021/06/23 SQL Server
Java并发编程之详解CyclicBarrier线程同步
2021/06/23 Java/Android
Tomcat用户管理的优化配置详解
2022/03/31 Servers