当前位置: 首页 > 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.lryc.cn/news/460322.html

相关文章:

  • giugughk
  • 【微服务】网关 - Gateway(下)(day8)
  • 【C#】创建一个控制台应用程序来管理学生成绩
  • 鸿蒙开发之ArkUI 界面篇 三十四 容器组件Tabs 自定义TabBar
  • AI核身-金融场景凭证篡改检测YOLO原理
  • 鹅厂JS面试题——0.1+0.2=0.3吗?
  • 软件功能测试重点和流程有哪些?专业软件测评服务公司推荐
  • 【数据结构】AVL树(C++实现)
  • AMD新推EPYC与MI325X,挑战英伟达AI市场地位
  • 电脑桌面文件不见了怎么恢复?8个方法帮你解决问题
  • 如果想转行AI领域却不知如何开始?可以试试这五步,超详细_ai行业怎么入行
  • 个人博客搭建 | Hexo框架
  • [Gtk] layout.ui
  • Spring MVC:精通JSON数据返回的几种高效方式
  • [LeetCode 题3] 没有重复字符的最长的子字符串
  • YoloDotNet 在工业检测中的应用详解
  • DataFrame增删改数据
  • 一站式解决App下载量统计,Xinstall引领新潮流
  • ijkMediaPlayer+ TextureView 等比全屏播放视频(避免拉伸)
  • 【RS】GEE(Python):数据处理
  • 非线性磁链观测器推导
  • 什么时机用mysql,什么时机用redis,什么时机用本地内存
  • Redis八股
  • vue3--通用 popover 气泡卡片组件实现
  • Bluetooth Channel Sounding中关于CS Step及Phase Based Ranging相应Mode介绍
  • 简易STL实现 | Queue 的实现
  • 【hot100-java】LRU 缓存
  • Centos7安装ZLMediaKit
  • 面试问我LLM中的RAG,咱就是说秒过!!!
  • python程序操作pdf