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

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

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>

相关文章
|
搜索推荐 算法 前端开发
图书推荐管理系统Python+Django网页界面+协同过滤推荐算法
图书推荐管理系统Python+Django网页界面+协同过滤推荐算法
546 0
图书推荐管理系统Python+Django网页界面+协同过滤推荐算法
|
4月前
|
机器学习/深度学习 人工智能 自动驾驶
从“贪吃蛇”进化论,看懂机器学习、深度学习与强化学习的区别
本文用经典游戏“贪吃蛇”生动类比,厘清AI核心概念:传统编程靠硬编码规则;机器学习是看标注数据的“模仿者”;深度学习具备自动感知能力的“观察家”;强化学习是通过试错与奖惩进化的“冒险家”;深度强化学习则融合二者,成就AlphaGo等顶尖AI。通俗易懂,一文入门。
301 6
|
2月前
|
机器学习/深度学习 人工智能 编解码
视频字幕擦除与动态修复技术深度解析:从开源算法基准到高并发SaaS架构的演进
本报告深度解析视频硬字幕擦除与修复技术演进,涵盖光流传播、时空Transformer(如ProPainter)及扩散模型等前沿算法;对比开源工具、桌面软件与SaaS云平台,指出云端原生架构在算力解耦、热更新、高并发与易用性上的断代优势,为工业落地提供权威指南。
616 1
视频字幕擦除与动态修复技术深度解析:从开源算法基准到高并发SaaS架构的演进
|
5月前
|
新零售 人工智能 算法
咖啡机器人技术深度解析与主流商业解决方案评测
咖啡机器人正从营销工具蜕变为商业基础设施,广泛应用于高端商务、交通枢纽等场景。依托高精度控制、视觉感知与人机协作技术,实现24小时稳定出品。猎户星空智咖大师以AI算法与仿生设计平衡性能与成本,ABB YuMi展现极致工艺,越疆、节卡、川崎则各具开放性、灵活性与稳定性优势,推动服务机器人迈向智能化新阶段。(238字)
|
NoSQL Linux
看懂GDB调试核心:剖析ptrace原理及其应用场景!(上)
看懂GDB调试核心:剖析ptrace原理及其应用场景!
|
SQL 存储 BI
如何在 SQL Server 中使用 `CONCAT`
【8月更文挑战第10天】
1845 3
如何在 SQL Server 中使用 `CONCAT`
|
SQL 前端开发 Java
在IDEA中使用Maven将SpringBoot项目打成jar包、同时运行打成的jar包(前后端项目分离)
这篇文章介绍了如何在IntelliJ IDEA中使用Maven将Spring Boot项目打包成可运行的jar包,并提供了运行jar包的方法。同时,还讨论了如何解决jar包冲突问题,并提供了在IDEA中同时启动Vue前端项目和Spring Boot后端项目的步骤。
在IDEA中使用Maven将SpringBoot项目打成jar包、同时运行打成的jar包(前后端项目分离)
WK
|
移动开发 UED HTML5
HTML5新增了哪些表单属性
HTML5新增的表单属性包括:autocomplete(启用或禁用自动完成建议)、autofocus(自动聚焦)、form(关联表单外的表单元素)、formaction等重写版本(自定义提交行为)、height/width(设置图像输入尺寸)、list(指定可选列表)、min/max/step(设置数值范围)、multiple(多选文件/选项)、pattern(正则表达式验证)、placeholder(占位符提示)和required(必填校验)。这些新功能显著提升了表单的灵活性和用户体验,使数据输入更加准确有效。
WK
336 1