es6扩展运算符、concat方法合并多个数组

作者: 祈澈菇凉 | 来源:发表于2022-12-09 17:27 被阅读0次

es6扩展运算符、concat方法合并多个数组
JavaScript的数组常用方法整理
数组的扩展（笔记）
javascript 数组以及对象的深拷贝
数组合并及数组去重对象数组去重
javascript数组合并
操作数组的方法，对你绝对有帮助！！！
数组合并的几种方法
常用的数组API
es6新增的数组方法

1：ES6扩展运算符、合并多个数组

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>test</title>
        <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
        <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    </head>
    <body>
    </body>
    <script>
        let arr1 = [0, 1, 3];
        let arr2 = ["a", "b", "c"];
        let arr3 = ["e", "f", "g"];
        let  arr = [...arr1, ...arr2, ...arr3];
        console.log(arr)
    </script>
</html>

2：concat方法、合并多个数组

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>test</title>
        <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
        <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    </head>
    <body>
    </body>
    <script>
        let arr1 = [0, 1, 3];
        let arr2 = ["a", "b", "c"];
        let arr3 = ["e", "f", "g", "d"];
        //let  arr = [...arr1, ...arr2, ...arr3];
        let arr = arr1.concat(arr2, arr3);
        console.log(arr)
    </script>
</html>