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分解url参数(面向对象-极简主义法应用)
Aug 09 Javascript
jQuery获得字体颜色16位码的方法
Feb 20 Javascript
基于JavaScript实现文字超出部分隐藏
Feb 29 Javascript
JS加载iFrame出现空白问题的解决办法
May 13 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
Jul 04 Javascript
localStorage的黑科技-js和css缓存机制
Feb 06 Javascript
jquery处理checkbox(复选框)是否被选中实例代码
Jun 12 jQuery
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
Dec 26 Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
Nov 15 Javascript
JavaScript之实现一个简单的Vue示例
Jan 17 Javascript
关于vue-cli 3配置打包优化要点(推荐)
Apr 22 Javascript
vue proxy 的优势与使用场景实现
Jun 15 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
mysql 全文搜索 技巧
2007/04/27 PHP
PHP 数组排序方法总结 推荐收藏
2010/06/30 PHP
深入for,while,foreach遍历时间比较的详解
2013/06/08 PHP
php获取根域名方法汇总
2014/10/28 PHP
jQuery获取json后使用zy_tmpl生成下拉菜单
2015/03/27 PHP
PHP微信开发之查询微信精选文章
2016/06/23 PHP
laravel利用中间件防止未登录用户直接访问后台的方法
2019/09/30 PHP
两种方法基于jQuery实现IE浏览器兼容placeholder效果
2014/10/14 Javascript
JS实现的表格行鼠标点击高亮效果代码
2015/11/27 Javascript
jQuery遍历DOM节点操作之filter()方法详解
2016/04/14 Javascript
深入理解JavaScript 函数
2016/06/06 Javascript
vue中v-model动态生成的实例详解
2017/10/27 Javascript
实例学习JavaScript读取和写入cookie
2018/01/29 Javascript
Vuejs 实现简易 todoList 功能 与 组件实例代码
2018/09/10 Javascript
vue-cli 构建骨架屏的方法示例
2018/11/08 Javascript
node.js爬取中关村的在线电瓶车信息
2018/11/13 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
2018/11/28 Javascript
JavaScript强制类型转换和隐式类型转换操作示例
2019/05/01 Javascript
JavaScript中window和document用法详解
2020/07/28 Javascript
Python实现ping指定IP的示例
2018/06/04 Python
使用python根据端口号关闭进程的方法
2018/11/06 Python
python使用pygame模块实现坦克大战游戏
2020/03/25 Python
django rest framework 实现用户登录认证详解
2019/07/29 Python
python多线程+代理池爬取天天基金网、股票数据过程解析
2019/08/13 Python
CSS3实现王者荣耀匹配人员加载页面的方法
2019/04/16 HTML / CSS
HTML5中的新元素介绍
2008/10/17 HTML / CSS
信息管理专业自荐书
2014/06/05 职场文书
运动会广播稿100字
2014/09/14 职场文书
2014党的群众路线教育实践活动总结材料
2014/10/31 职场文书
优秀班主任材料
2014/12/16 职场文书
优秀大学生自荐信
2015/03/26 职场文书
2015年读书月活动总结
2015/03/26 职场文书
2015年建筑工程工作总结
2015/05/13 职场文书
二审答辩状格式
2015/05/22 职场文书
2016国培研修心得体会
2016/01/08 职场文书
Spring Boot配合PageHelper优化大表查询数据分页
2022/04/20 Java/Android