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

Javascript扩展符号(...)使用说明

在 ES6 中,扩展运算符(spread operator)... 可以用于在函数调用、数组字面量或对象字面量中展开数组或对象。以下是扩展运算符的一些常见用法:

1. 在函数调用中使用扩展运算符

扩展运算符可以在函数调用时展开数组或对象,将其元素作为单独的参数传递给函数。例如:

function sum(a, b, c) {return a + b + c;
}const numbers = [1, 2, 3];console.log(sum(...numbers)); // 输出 6

在这个示例中,我们定义了一个函数 sum,它接受三个参数并返回它们的和。然后,我们定义了一个包含三个数字的数组 numbers。在函数调用 sum(...numbers) 中,扩展运算符将数组 numbers 展开为三个单独的参数,并将它们传递给函数。

2. 在数组字面量中使用扩展运算符

扩展运算符可以在数组字面量中使用,以创建一个包含现有数组元素的新数组。例如:

const arr1 = [1, 2, 3];
const arr2 = [...arr1, 4, 5, 6];console.log(arr2); // 输出 [1, 2, 3, 4, 5, 6]

在这个示例中,我们首先定义了一个包含三个数字的数组 arr1。然后,我们使用扩展运算符将 arr1 的元素展开,并将它们与新的元素一起创建一个新的数组 arr2

3. 在对象字面量中使用扩展运算符

扩展运算符也可以在对象字面量中使用,以创建一个包含现有对象属性的新对象。例如:

const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1, c: 3 };console.log(obj2); // 输出 { a: 1, b: 2, c: 3 }

在这个示例中,我们首先定义了一个包含两个属性的对象 obj1。然后,我们使用扩展运算符将 obj1 的属性展开,并将它们与新的属性一起创建一个新的对象 obj2

请注意,扩展运算符不会修改原始数组或对象,而是创建一个新的数组或对象。此外,扩展运算符可以与其他运算符和函数一起使用,例如 Math.max(...numbers)Object.assign(target, ...sources)


http://www.mrgr.cn/news/50681.html

相关文章:

  • 腾讯图标点选模型识别
  • 10.3.1 QGIS多边形类型注释(Annotation)的应用与二次开发实现
  • 关于移动通信网络中各个组成部分的基础入门
  • 探索前端世界的奇妙库——带你领略奇奇怪怪的编程乐趣
  • 雷池社区版配置遇到问题不要慌,查看本文解决
  • Java面试宝典-WEB学习
  • Windows server 2022datacenter版本的j激活过程
  • 数据质量差的代价是什么?
  • TestNG二开总结 - (3) 开发自己的listener TestListenerAdapter
  • 系统思考—健身系统
  • 深度解析归并排序(Merge Sort)
  • Ubuntu如何显示pcl版本
  • C++ 游戏开发:从基础到进阶
  • comprehensive_tools之添加菜单
  • 老年霸总短剧深受年轻人喜爱,Soul App把握Z世代多元社交需求
  • 客户端工具xshell/finalshell连接Vagrant创建的虚拟机并上传本地文件
  • (AI 生成) 新时代游击方式: 利用 “灵活就业“ 红利
  • 【Linux驱动开发】通过ioremap虚拟内存映射的寄存器操作驱动、C应用函数库开发 devmem命令测试(正点原子STM32MP135文档BUG)
  • 笔记《汽车电子硬件设计》-汽车行业的工程师分级
  • Hadoop生态圈三大组件:HDFS的读写流程、MapReduce计算流程、Yarn资源调度