PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

es6怎么向数组增加一个元素

青灯夜游
青灯夜游 原创
2022-05-19 15:49:10 7001浏览

3个方法:1、用unshift(),可在开头插入一个元素,语法“数组对象.unshift(元素)”;2、用push(),可在尾部插入一个元素,语法“数组对象.push(元素)”;3、用concat(),语法““数组.concat(元素)”。

本教程操作环境: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前端

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。