JavaScript中数组成员的添加、删除介绍
更新时间：2014年12月30日 09:08:23 投稿：junjie
这篇文章主要介绍了JavaScript中数组成员的添加、删除介绍,本文主要讲解push()、unshift()、pop()、shift()等函数的应用,需要的朋友可以参考下
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 延迟加载技术(lazyload)简单实现
延迟加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.2011-01-01
数组解构是一种在 JavaScript 中从数组中提取值并将它们分配给变量的方式,在数组解构中分为完全解构,不完全解构,解构失败以及解构默认值,这篇文章主要介绍了js中数组解构与对象解构,需要的朋友可以参考下2023-09-09
本篇文章主要介绍了详解webpack介绍&安装&常用命令，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
这篇文章主要介绍了JS实现图片预加载之无序预加载功能代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-05-05
各种音乐播放器上都有一个自动滚动播放歌词的功能，当前滚动到的歌词会高亮居中显示，即使歌词被换行也能正常居中，那么这个功能基于JavaScript怎么实现让歌词滚动播放呢？感兴趣的朋友一起看看吧2015-11-11
ES6提供了更接近面向对象(注意:javascript本质上是基于对象的语言)语言的写法,引入了Class(类)这个概念,作为对象的模板,下面这篇文章主要给大家介绍了关于JavaScript ES6中class定义类的相关资料,需要的朋友可以参考下2022-07-07
这里给大家分享的是个人修改的kindeditor的代码，主要是修复了一些BUG，添加了些常用功能，推荐给大家，有需要的小伙伴可以参考下。2015-04-04
uni-app在app和h5中跳转至外部链接的方式有所不同,需要进行条件编译,下面这篇文章主要给大家介绍了关于uni-app打开外部链接方式(h5和app)的相关资料,文章通过实例代码介绍的非常详细,需要的朋友可以参考下2023-02-02
JavaScript变量声明的var、let、const详解
JavaScript中的变量是松散类型的,可以保存任何类型数据,变量只不过是一个名称,下面这篇文章主要给大家介绍了关于JavaScript变量声明的var、let、const的相关资料,需要的朋友可以参考下2022-07-07
这篇文章主要介绍了JavaScript存储HTML字符串的具体实现,需要的朋友可以参考下2014-04-04
最新评论