当前位置： 首页 > news >正文

ES6扩展运算符

news 2026/4/7 21:09:30

1.介绍：
         ... 扩展运算符能将数组转换为逗号分隔的参数序列； 扩展运算符（spread）也是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的 参数序列，对数组进行解包；
2.基本使用：

<!DOCTYPE html> 
<html> <head> <meta charset="utf-8"> <title>扩展运算符</title> 
</head> <body> <script> // ... 扩展运算符能将数组转换为逗号分隔的参数序列//声明一个数组 ... const tfboys = ['易烊千玺', '王源', '王俊凯']; // => '易烊千玺','王源','王俊凯' // 声明一个函数 function chunwan() { console.log(arguments); } chunwan(...tfboys); // chunwan('易烊千玺','王源','王俊凯')  </script> 
</body> </html>

应用：

<!DOCTYPE html> 
<html> <head> <meta charset="utf-8"> <title>扩展运算符应用</title> 
</head> <body> <div id="d1"></div> <div id="d2"></div> <script> //1. 数组的合并 情圣 误杀 唐探 const kuaizi = ['王太利', '肖央']; const fenghuang = ['曾毅', '玲花']; // 传统的合并方式 // const zuixuanxiaopingguo = kuaizi.concat(fenghuang); const zuixuanxiaopingguo = [...kuaizi, ...fenghuang]; console.log(zuixuanxiaopingguo); //2. 数组的克隆 const arr = ['E', 'G', 'M']; const newArr = [...arr]; // ['E','G','M'] console.log(newArr); //3. 将伪数组转为真正的数组 const divs = document.querySelectorAll('div'); const divArr = [...divs]; console.log(divArr); // arguments </script> 
</body> </html>

 

 

相关文章：

ES6扩展运算符

1.介绍&#xff1a; ... 扩展运算符能将数组转换为逗号分隔的参数序列&#xff1b; 扩展运算符&#xff08;spread&#xff09;也是三个点&#xff08;...&#xff09;。它好比 rest 参数的逆运算&#xff0c;将一个数组转为用逗号分隔的 参数序列&#xff0c;对数组进…...

编程日记 2024/10/20 21:01:02

【树莓派 5B】Python 版本切换

【树莓派 5B】Python 版本切换 前言整体思路具体步骤常见问题Python 无法建立与 Python3 的软连接 前言 本文基于树莓派5B 32-bit 树莓派OS&#xff0c;以 Python-3.11.2 降级到 3.9.2 为例&#xff0c;总结了在树莓派上切换 Python 版本的步骤&#xff0c;帮助大家轻松完成 P…...

编程日记 2024/10/20 21:00:01

windows C++-有效使用PPL(五)

如果可能&#xff0c;避免错误共享 当在不同处理器上运行的多个并发任务写入位于同一高速缓存行上的变量时&#xff0c;会发生错误共享。 当一个任务写入一个变量时&#xff0c;这两个变量的缓存行将会失效。 每当缓存行失效时&#xff0c;每个处理器必须重新加载缓存行。 因此…...

编程日记 2024/10/20 20:55:56

【排序】——1.冒泡排序法（含优化）

冒泡排序 1.原理 左边大于右边交换一趟排下来最大的交换到右边来(接下来所以文章用升序举例) 从左到右&#xff0c;相邻元素进行比较。 每次比较一轮&#xff0c;就会找到序列中最大的一个&#xff08;最小的一个——降序&#xff09;。这个数就会从序列的最右边冒出来。 以…...

编程日记 2024/10/20 20:51:47

在MySQL中创建数据库和表

在MySQL中&#xff0c;创建数据库和表是数据库管理的基础操作。下面我将详细解释如何先创建一个数据库&#xff0c;然后在该数据库中创建一个或多个表。 ### 1. 创建数据库 首先&#xff0c;你需要登录到MySQL服务器。然后&#xff0c;使用CREATE DATABASE语句来创建一个新的…...

编程日记 2024/10/20 20:50:46

Hadoop 安装教程——单节点模式和分布式模式配置

文章目录 一、预备知识1.1 Hadoop 发行版本1.2 部署方式 二、预备条件2.1 环境准备2.2 创建新用户(可选)2.3 配置 SSH 无密码登录2.4 下载 Hadoop2.5 编辑 hadoop-env.sh 脚本2.6 编辑 dfs 和 yarn 脚本 三、单节点模式部署3.1 官方使用案例3.2 查看运行结果 四、伪分布模式部署…...

编程日记 2024/10/20 20:48:43

给c++小白的教程10：一维数组

好久不见&#xff01;我又来更教程了。 升到初二&#xff0c;由于学业原因&#xff0c;更新速度减慢了&#xff0c;十分抱歉&#xff01; 以后将恢复到一周一次的频率 作者只是个普通学生&#xff0c;做的教程多有不足&#xff0c;希望大家批评指正&#xff01; 赫炎今天在一…...

编程日记 2024/10/20 20:46:41

【排序】3.希尔排序法

希尔排序&#xff08;直接插入排序的优化&#xff09; 1.分组思想 上图中gap为5&#xff0c;说明要分成5组。 这5组分别用了五种颜色的线条连接起来了。 第1组&#xff1a;9、4 第2组&#xff1a;1、8 第3组&#xff1a;2、6 第4组&#xff1a;5、3 第5组&#xff1a;7、5 2.缩…...

编程日记 2024/10/20 20:43:38

商品详情数据API接口概述（json数据格式返回参考）

商品详情数据API接口是指一种编程接口&#xff08;API&#xff0c;Application Programming Interface&#xff09;&#xff0c;它允许开发者或系统以编程方式获取商品的详细信息。这些信息包括但不限于SKU的详细信息、商品图片、商品属性、价格、库存状态、用户评价等。当调用…...

编程日记 2024/10/20 20:39:34

Jmeter简介

基础介绍 Jmeter录制脚本的原始是配置一个HTTP代理&#xff0c;然后浏览器通过这个代理访问测试页面从而完成脚本录制。 一、下载安装 jmeter本身不需要安装&#xff0c;需要配置环境变量JDK&#xff0c;然后打开bin文件夹中的jmeter.vbs即可。建议jdk 1.7及以上版本。 基本祖…...

编程日记 2024/10/20 20:38:32

网页前端开发之HTML入门篇：标题标签 heading

标题标签 heading <h1>-<h6>是HTML的标题标签&#xff0c;其标签内容会呈现六个不同级别的字号&#xff0c; <h1>字号最大&#xff0c;<h6>字号最小。 示例 <html><body><h1>一级标题</h1><h2>二级标题</h2>&l…...

编程日记 2024/10/20 20:37:31

医院信息化与智能化系统(3)

医院信息化与智能化系统(3) 这里只描述对应过程&#xff0c;和可能遇到的问题及解决办法以及对应的参考链接&#xff0c;并不会直接每一步详细配置 如果你想通过文字描述或代码画流程图&#xff0c;可以试试PlantUML&#xff0c;告诉GPT你的文件结构&#xff0c;让他给你对应的…...

编程日记 2024/10/20 20:36:30

数据结构（线性表）

1线性表的定义与操作 1.1线性表的定义 线性表是一种基础的数据结构&#xff0c;其主要特点是&#xff1a;数据元素之间存在一种线性关系&#xff08;一对一&#xff09;。线性表的每一个数据元素都有一个唯一的前驱和后继&#xff0c;除了第一个元素没有前驱&#xff0c;最后…...

编程日记 2024/10/20 20:35:28

ArcGIS Pro SDK （十八）栅格

ArcGIS Pro SDK （十八）栅格 环境：Visual Studio 2022 + .NET6 + ArcGIS Pro SDK 3.0 栅格 1 在文件夹中打开栅格数据集 // 使用文件夹路径创建 FileSystemConnectionPath 对象。 FileSystemConnectionPath connectionPath = new FileSystemConnectionPath(new System...

编程日记 2024/10/20 20:32:24

c++ 对象作用域

在 C 中&#xff0c;对象的作用域&#xff08;scope&#xff09;指的是对象的生命周期以及对象在程序中可以访问的范围。作用域影响对象的创建、使用和销毁&#xff0c;主要有以下几种类型&#xff1a; 1. 局部作用域&#xff08;Local Scope&#xff09; 局部作用域的对象是…...

编程日记 2024/10/20 20:28:22

【无标题】海尔AI英语面试

1.自我介绍 Good morning. I am delighted to have this English interview. My name is fu guilin. I graduated from CDUT with a degree in Information engineering. During my university years, I have laid a solid foundation in my professional knowledge. I posses…...

编程日记 2024/10/20 20:26:20

软件设计模式------概述

一&#xff1a;简述 目的&#xff1a;为了可重用代码&#xff0c;代码更容易被他人理解&#xff0c;提高代码的可靠性。 定义&#xff1a;是一套被反复使用&#xff0c;多数人知晓&#xff0c;经过分类编目的&#xff0c;代码设计经验的总结。 &#xff08;通俗来说&#xf…...

编程日记 2024/10/20 20:25:18

刷题/学习网站推荐

前言&#xff1a; 最近没怎么学习&#xff0c;荒芜生活&#xff0c;学不进去&#xff0c;太累了&#xff0c;就喜欢翻翻网站有没有好用的东西分享给大家&#xff0c;正好看到一些刷题的网站&#xff08;其实也是学习的网站吧&#xff09;&#xff0c;相比学程序的很多都是力扣…...

编程日记 2024/10/20 20:24:18

OQE-OPTICAL AND QUANTUM ELECTRONICS

文章目录 一、征稿简介二、重要信息三、服务简述四、投稿须知五、联系咨询 一、征稿简介 二、重要信息 期刊官网&#xff1a;https://ais.cn/u/3eEJNv 三、服务简述 四、投稿须知 1.在线投稿&#xff1a;由艾思科蓝支持在线投稿&#xff0c;请将文章全文投稿至艾思科蓝投稿系…...

编程日记 2024/10/20 20:21:15

在 Spring MVC 应用程序中使用 WebMvcTest 注释有什么用处？

大家好&#xff0c;我是锋哥。今天分享关于【在 Spring MVC 应用程序中使用 WebMvcTest 注释有什么用处&#xff1f;】面试题&#xff1f;希望对大家有帮助&#xff1b; 在 Spring MVC 应用程序中使用 WebMvcTest 注释有什么用处&#xff1f; 1000道 互联网大厂Java工程师 精选…...

编程日记 2024/10/20 20:19:13

OpenMMLab 环境配置避坑指南：从 ModuleNotFoundError 到 YOLO 模型成功部署

1. 环境配置的常见报错与诊断方法 当你第一次尝试在OpenMMLab框架下运行YOLO模型时&#xff0c;ModuleNotFoundError可能是最令人头疼的拦路虎。这个报错看似简单&#xff0c;背后却可能隐藏着多种环境配置问题。我最近在帮团队新人配置环境时&#xff0c;就遇到了至少三种不同…...

编程新知 2026/4/7 21:06:15

AI辅助开发进阶：在快马平台实现上下文感知的智能模型切换系统

最近在探索AI辅助开发的新玩法时&#xff0c;发现一个特别有意思的方向&#xff1a;如何让AI模型的选择更智能、更贴合实际编码场景。传统的AI编程助手往往固定使用单一模型&#xff0c;但不同模型其实各有擅长领域——有的长于前端框架&#xff0c;有的精于算法优化&#xff0…...

编程新知 2026/4/7 20:46:04

Windows Subsystem for Android (WSA) 技术指南：从问题诊断到场景落地的完整实践路径

Windows Subsystem for Android (WSA) 技术指南&#xff1a;从问题诊断到场景落地的完整实践路径 【免费下载链接】WSA Developer-related issues and feature requests for Windows Subsystem for Android 项目地址: https://gitcode.com/gh_mirrors/ws/WSA Windows Su…...

编程新知 2026/4/7 20:11:34

进程同步与互斥——理发师问题多线程优化实践（sleeping barber problem）

1. 理发师问题&#xff1a;从生活场景到多线程模型 想象一下周末去理发店的场景&#xff1a;推门进去发现理发师正在给一位顾客剪头发&#xff0c;旁边有5把等待椅。如果椅子都空着&#xff0c;你可以直接坐下等待&#xff1b;如果已经坐了5个人&#xff0c;你可能选择改天再来…...

编程新知 2026/4/7 20:11:34

GHelper：华硕笔记本的轻量级控制中心 - 简单高效的硬件管理方案

GHelper&#xff1a;华硕笔记本的轻量级控制中心 - 简单高效的硬件管理方案 【免费下载链接】g-helper Lightweight, open-source control tool for ASUS laptops and ROG Ally. Manage performance modes, fans, GPU, battery, and RGB lighting across Zephyrus, Flow, TUF, …...

编程新知 2026/4/7 19:53:16

解锁3大网页设计黑科技：从像素到原型的无缝转换

解锁3大网页设计黑科技&#xff1a;从像素到原型的无缝转换 【免费下载链接】figma-html Convert any website to editable Figma designs 项目地址: https://gitcode.com/gh_mirrors/fi/figma-html 作为设计师&#xff0c;你是否曾为获取网页设计灵感而频繁截图&#x…...

编程新知 2026/4/7 19:18:30

告别知识管理焦虑！Karpathy 极简第二大脑实战指南（非常干货），帮你打造顶级思维外挂，建议收藏！

引言&#xff1a;知识管理的陷阱 你有没有这样的经历&#xff1f; • 收藏了 500 篇文章&#xff0c;却从来没看过第二遍• 买了 Notion/Obsidian 会员&#xff0c;花了两周搭建系统&#xff0c;三天后就放弃• 笔记越记越多&#xff0c;找的时候永远想不起来放在哪个文件夹•…...

编程新知 2026/4/7 19:08:29

揭秘量子比特态演化模拟：用现代C++20实现HHL算法，内存开销降低73%的关键技巧

第一章&#xff1a;量子比特态演化模拟的理论基础与工程挑战 量子比特态演化模拟是连接量子力学原理与可执行计算任务的核心桥梁。其理论根基植根于薛定谔方程的幺正演化描述&#xff1a;任意闭合量子系统的时间演化由哈密顿量 $H(t)$ 决定&#xff0c;满足 $|\psi(t)\rangle …...

编程新知 2026/4/7 17:10:48

7步完整解决Windows 11安装失败：从错误代码到成功激活的高效指南

7步完整解决Windows 11安装失败&#xff1a;从错误代码到成功激活的高效指南 【免费下载链接】MediaCreationTool.bat Universal MCT wrapper script for all Windows 10/11 versions from 1507 to 21H2! 项目地址: https://gitcode.com/gh_mirrors/me/MediaCreationTool.bat…...

编程新知 2026/4/7 16:34:34

3个简单步骤：让Windows 11完美运行经典老游戏的终极DDrawCompat方案

3个简单步骤&#xff1a;让Windows 11完美运行经典老游戏的终极DDrawCompat方案 【免费下载链接】DDrawCompat DirectDraw and Direct3D 1-7 compatibility, performance and visual enhancements for Windows Vista, 7, 8, 10 and 11 项目地址: https://gitcode.com/gh_mirr…...

编程新知 2026/4/7 16:02:14