【JS学习】JS中的扩展运算符

news/2024/7/11 0:40:44 标签: javascript, es6

1. 介绍

在JavaScript中,扩展运算符(也称为Spread Syntax)是一种方便且强大的语法,用于在多种情境下展开数组、对象等可迭代的数据结构,以将它们的元素或属性复制到新的数据结构中。扩展运算符的语法的形式是使用三个连续的点号 ...

2. 扩展数组

使用扩展运算符可以将数组展开,可以用于两个数组的合并。

javascript">const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const newArray = [...array1, ...array2]; //新数组为 [1, 2, 3, 4, 5, 6]

3. 扩展对象

扩展运算符也可以用于对象的合并。

javascript">const obj1 = {key1: 'value1', key2: 'value2'};
const obj2 = {key3: 'value3', key4: 'value4'};
const newObj = {...obj1, ...obj2} // 新对象为 {key1: 'value1', key2: 'value2', key3: 'value3', key4: 'value4'}

http://www.niftyadmin.cn/n/4929836.html

相关文章

fastadmin自定义菜单的目录结构

fastadmin 菜单与目录之间的关系 如果是这种没有子菜单的 同样的 views中的目录结构是这样的 在view 目录下新建一个 company 目录就可以了 如果是含有子菜单的目录 在view中也要有两级的目录

无涯教程-Perl - getservbyport函数

描述 此功能转换协议PROTO的服务编号PORT,在标量context中返回服务名称,并在列表context中返回名称和相关信息- ($name,$aliases,$port_number,$protocol_name) 该调用基于/etc/services文件返回这些值。 语法 以下是此函数的简单语法- getservbyport PORT, PROTO返回值 …

企业有VR全景拍摄的需求吗?能带来哪些好处?

在传统图文和平面视频逐渐疲软的当下,企业商家如何做才能让远在千里之外的客户更深入、更直接的详细了解企业品牌和实力呢?千篇一律的纸质材料已经过时了,即使制作的再精美,大家也会审美疲劳;但是你让客户远隔千里&…

docker相关命令总结(停止、重启、重加载配置文件)

常用命令 # 配置 Docker 守护进程的行为和参数 vi /etc/docker/daemon.json# 停止docker服务 sudo systemctl stop docker# 启动 Docker 服务: sudo systemctl start docker# 重新加载systemd守护程序的配置文件,不会重启服务(配置文件&…

Windows下运行Tomcat服务时报GC Overhead Limit Exceeded

根本原因是在新建Tomcat作为Windows服务时,系统默认设置的堆内存太小了,我们打开/bin/service.bat文件,将如下图所示的默认值改大一些就好了 if "%JvmMs%" "" set JvmMs512 if "%JvmMx%" "" set J…

js案例:水仙花数

目录 前言 补充 案例1.判断一个数是否是水仙花数 实现思路 代码讲解 完整代码 案例2.输出所有的水仙花束 实现思路 代码讲解 完整代码 前言 水仙花数是指一个n位数,它的每个位上的数字的n次幂之和等于它本身。具体地说,对于一个n位数x&…

Vulhub之Apache HTTPD 换行解析漏洞(CVE-2017-15715)

Apache HTTPD是一款HTTP服务器,它可以通过mod_php来运行PHP网页。其2.4.0~2.4.29版本中存在一个解析漏洞,在解析PHP时,1.php\x0A将被按照PHP后缀进行解析,导致绕过一些服务器的安全策略。 1、docker-compose build、docker-compo…

[C++] delete关键字的妙用

文章目录 delete 的使用对比private 成员函数的作用,delete有更多优势Reference 优先使用delete函数,而不是private未定义函数 任何函数都可以删除,包括非成员函数和模板具现 delete 的使用 一般使用type Function(args) delete表示函数为…