• 技术文章 >web前端 >前端问答

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

    青灯夜游青灯夜游2022-05-19 15:49:10原创177

    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前端

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:es6数组 ES6
    上一篇:es6怎么去掉字符串所有空格 下一篇:es6的for of可以遍历对象吗
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• idea可以运行es6吗• es6的map对象和原生对象有啥区别• es6中await和async有什么作用• es6中const的用法是什么• es6遍历对象的方法是什么• es6中fetch的用法是什么
    1/1

    PHP中文网