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

    es6数组合并方法有哪些

    青灯夜游青灯夜游2022-05-05 18:17:09原创264

    3种方法:1、使用“for(i in 数组2){数组1.push(数组2[i])}”,遍历数组,将一个数组的值添加到另一数组末尾;2、用“数组1.concat(数组2...)”语句连接多个数组;3、用“[...数组1,...数组2]”语句。

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

    es6数组合并方法

    方法1:利用for in循环

    var a = [1,2,3];
    var b = [4,5,6];
    console.log(a);
    console.log(b);
    for(var i in b){
        a.push(b[i]);
    }
    console.log(a);

    1.png

    方法2:利用concat()

    concat() 方法用于连接两个或多个数组。

    array1.concat(array2,array3,...,arrayX)

    会返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组,那么添加的是数组中的元素,而不是数组。

    var a = [1,2,3];
    var b = [4,5,6];
    console.log(a);
    console.log(b);
    console.log(a.concat(b));
    console.log(b.concat(a));

    2.png

    方法3:利用扩展运算符“...”

    var a = [1,2,3];
    var b = [4,5,6];
    console.log(a);
    console.log(b);
    console.log([...a,...b]);

    3.png

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

    以上就是es6数组合并方法有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:ES6
    上一篇:es6中super的用法是什么 下一篇:es6与commonjs有什么区别
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• es6怎么取数组前几个元素• es6 filter方法的参数有哪些• 什么是es6中的构造函数• es6中find和filter有什么区别• es6怎么判断是否是数组• es6数组怎么去除特定的数
    1/1

    PHP中文网