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 相关文章推荐
JavaScript 参数中的数组展开 [译]
Sep 21 Javascript
jQuery焦点图切换特效插件封装实例
Aug 18 Javascript
jquery给图片添加鼠标经过时的边框效果
Nov 12 Javascript
Js nodeType 属性全面解析
Nov 14 Javascript
JavaScript实现九九乘法表的简单实例
Jun 07 Javascript
JS获取和修改元素样式的实例代码
Aug 06 Javascript
用jmSlip编写移动端顶部日历选择控件
Oct 24 Javascript
详解 vue better-scroll滚动插件排坑
Feb 08 Javascript
js正则相关知识点专题
May 10 Javascript
vue-cli中vue本地实现跨域调试接口
Jan 16 Javascript
js Array.slice的8种不同用法示例
Jul 10 Javascript
vue实现给div绑定keyup的enter事件
Jul 31 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 判断常量,变量和函数是否存在
2009/04/26 PHP
Web程序工作原理详解
2014/12/25 PHP
PHP基于递归实现的约瑟夫环算法示例
2017/08/27 PHP
什么是PHP7中的孤儿进程与僵尸进程
2019/04/14 PHP
JS预览图像将本地图片显示到浏览器上
2013/08/25 Javascript
JavaScript阻止事件冒泡示例分享
2014/12/28 Javascript
jQuery实现页面顶部显示的进度条效果完整实例
2015/12/09 Javascript
jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象
2016/06/20 Javascript
微信小程序 数据交互与渲染实例详解
2017/01/21 Javascript
用js制作淘宝放大镜效果
2020/10/28 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
2018/09/27 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
2019/08/16 Javascript
微信提示 在浏览器打开 效果实现过程解析
2019/09/10 Javascript
JavaScript原型式继承实现方法
2019/11/06 Javascript
Vue实例的对象参数options的几个常用选项详解
2019/11/08 Javascript
vue开发移动端底部导航条功能
2020/04/08 Javascript
[10:49]2014国际邀请赛 叨叨刀塔第二期为真正的电竞喝彩
2014/07/21 DOTA
Python脚本实现下载合并SAE日志
2015/02/10 Python
简单实现python收发邮件功能
2018/01/05 Python
python如何读写json数据
2018/03/21 Python
用pycharm开发django项目示例代码
2019/06/13 Python
python烟花效果的代码实例
2020/02/25 Python
python代数式括号有效性检验示例代码
2020/10/04 Python
HTML5 SEO优化的一些建议
2020/08/27 HTML / CSS
普师专业个人自荐信范文
2013/11/26 职场文书
客户表扬信范文
2014/01/10 职场文书
优秀高中生事迹材料
2014/02/11 职场文书
政法干警核心价值观心得体会
2014/09/11 职场文书
企业财务人员岗位职责
2015/04/14 职场文书
廉洁自律承诺书范文
2015/04/28 职场文书
结婚司仪主持词
2015/06/29 职场文书
英语投诉信范文
2015/07/03 职场文书
同步小康驻村工作简报
2015/07/20 职场文书
Python词云的正确实现方法实例
2021/05/08 Python
【DOTA2】当街暴打?PSG LGD vs VG - DPC 2022 WINTER TOUR CN
2022/04/02 DOTA
Python中itertools库的四个函数介绍
2022/04/06 Python