本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

es6向数组增加一个元素的三种方法

1、使用unshift()函数

unshift()函数可以在数组开头插入元素,该函数能够把一个或多个参数值附加到数组的头部:

array.unshift(元素1, 元素2, ..., 元素X)
登录后复制

第 1 个参数 元素1 为数组新的元素 0,第 2 个参数 元素2 为新的元素 1,以此类推,最后返回添加元素后的数组长度。

我们通过下面的例子来具体看看:

var a = [0];  //定义数组
console.log(a);  //返回[0]

a.unshift(1);  //增加1个元素
console.log(a);  //返回[1,0]
登录后复制

1.png

2、使用push()函数

push()方法能够把一个或多个参数值附加到数组的尾部,并返回添加元素后的数组长度。

array.push(元素1, 元素2, ..., 元素X)
登录后复制

我们通过下面的例子来具体看看:

var a = [0];  //定义数组
console.log(a);  //返回[0]

a.push(2);  //增加1个元素
console.log(a);  //返回[0,2]
登录后复制

2.png

3、使用concat() 函数

concat() 方法可以连接两个或多个数组,会将作为参数的一个或多个数组的元素添加到指定数组的尾部。

也可以插入给定的一个或多个元素,能够把传递的所有参数按顺序添加到数组的尾部。

var a = [1,2,3,4,5];  //定义数组
console.log(a);  
var b = a.concat(6);  //为数组a连接1个元素
console.log(b);
登录后复制

输出结果为:

3.png

说明:concat() 方法将创建并返回一个新数组,而不是在原来的基础上添加新元素;但unshift()方法会在原数组基础上添加元素。

【相关推荐:javascript视频教程、web前端】

以上就是es6怎么向数组增加一个元素的详细内容,更多请关注悠悠之家其它相关文章!

点赞(104)

评论列表共有 0 条评论

立即
投稿
返回
顶部