三点运算符（三点语法）

最新推荐文章于 2024-04-19 09:46:28 发布
最新推荐文章于 2024-04-19 09:46:28 发布
阅读量3k 收藏 11
点赞数 4
文章标签： js javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wilie_C/article/details/109133238
版权
三点运算符，也称为扩展运算符，常用于对象和数组的复制、合并及函数调用。它不拷贝对象引用，而是拷贝基本数据类型，确保修改不影响源对象。此外，还广泛应用于字符串转数组、函数参数处理和解构赋值等场景。
摘要由CSDN通过智能技术生成

三点运算符（三点语法）

概念：

三点运算符为对象的扩展运算符，用于取出参数对象中的所有可遍历属性，拷贝到 当前的对象之中,拓展运算符拷贝的是对象中的基本数据类型，并不是对原有对象的引用，因此修改当前对象中的值不会影响原有对象中的值。

使用
在函数调用/数组构造时，将数组表达式或者string在语法层面展开；
1.数组的复制
1.创建一个数组
var number = ['吃饭', '玩游戏', '聊天', '看电影'];
        // console.log(...number); // 吃饭 玩游戏 聊天 看电影
 var arr = [...number];
        // console.log(arr); ['吃饭', '玩游戏', '聊天', '看电影']
2.对象的复制
//对象的深拷贝
 var obj = {
    name: '明明'
最低0.47元/天 解锁文章
wilie_C
关注
  • 4
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 三点 (...) 运算符
allway2的博客
05-25 4452
在 JavaScript 中，三点运算符 (...) 意味着两件事： 扩展运算符 其余运算符 当用作扩展运算符时，三点运算符扩展数组的元素，其中需要零个或多个参数。 一个典型的例子是合并两个数组时。 例如： const boys = ['Bob', 'Charlie']; const girls = ['Alice', 'Diana']; const all = [...boys, ...girls]; console.log(all); // ["Bob", "Charlie",
三点运算符（...）的使用
ll13352976097的博客
01-12 1211
三点运算符（…）的使用 —2020-1-12 作用（1）： 它可以将多余的参数在行参进行合并，成为数组 function test(a , ...b){ console.log(a) //输出 1 console.log(b) //输出 ["GTA5" , "GTASA"] } test(1,'GTA5', 'GTASA') 作用（2）： 可以将数组转成对应的字符串 var a = ["a","b","c","d"] function test(){ console.log(...a) //输出 a
三点运算符详解
qq_44326745的博客
05-20 771
三点运算符 含义是将数组转化为用逗号隔开的参数序列。 let arr1 = [3, 4, 5] let arr2 = [1, 2, ...arr1, 6] console.log(arr2) 替代数组的apply方法 由于出现了三点运算符，所以不需要使用apply方法将数组转换为函数的参数 function fun(x,y,z){ } let args = [0,1,2]; fun(...args); 应用 合并数组 三点运算符提供了数组合并的新方法 let arr1 = [1,2,3] let a
JavaScript 中`...`（三个点）的用法
最新发布
m0_51232873的博客
04-19 456
对象的所有可枚举属性复制到一个新对象中，并且可以在这个新对象中添加或覆盖属性。这样，你就可以在保持原有查询参数的基础上，添加或修改。这个用法非常适合于需要基于现有对象添加或修改少量属性的场景。作为扩展运算符用于对象字面量，它将。在JavaScript中，
ES6扩展运算符——三个点（...）用法详解
青春木鱼的博客
02-06 2117
展开语法 (Spread syntax), 可以在函数调用/数组构造时，将数组表达式或者 string 在语法层面展开；还可以在构造字面量对象时，将对象表达式按 key-value 的方式展开。(译者注: 字面量一般指 [1, 2, 3] 或者 {name: "mdn"} 这种简洁的构造方式)
基于es6三点运算符的使用方法(实例讲解)
08-29
ES6中的三点运算符是一种非常重要的语法糖，它可以作为rest参数和扩展运算符使用。在本文中，我们将详细介绍三点运算符的使用方法和实例讲解。 一、作为rest参数的使用 在ES6中，三点运算符可以作为rest参数使用，...
vue.js 中使用（…）运算符报错的解决方法
12-10
总结来说，要解决Vue.js项目中扩展运算符的报错，关键在于正确配置Babel，安装必要的插件和预设，确保它们能够将ES6的扩展运算符转换为浏览器可以理解的ES5语法。通过以上步骤，你的项目应该能够顺利运行，不再受ES6...
R language definition
06-07
三点运算符（`...`）允许用户传递任意数量的额外参数给函数。 **2.1.10 环境** 环境是R语言中的一个概念，用于存储变量和函数。每个环境都有一个父环境，形成一个层次结构。 **2.1.11 对偶列表对象** 对偶列表...
2023年广工编译原理实验（源代码＋测试用例+实验报告）
06-29
一、实验环境和工具 1、计算机及操作系统：PC机，Windows...1、以上三点全部实现了，实验报告里面详细地记录了实验的每一步，附有截图，源代码也有进行相关的注释。 2、有相关的测试案例，可以测试是否增加或修改成功。
javascript考试题目选择题doc.doc
09-26
选择题 2 所示，JavaScript 的特性包括解释性、用于客户端和基于对象三点。JavaScript 是一种解释性语言，执行时不需要编译，直接解释执行。JavaScript 主要用于客户端，减少服务器的负载，并且基于对象，具有面向...
C语言三个点...表示什么意思
Spring_Et的博客
10-20 3976
C语言三个点...表示什么意思1，可变参数2.数组切片 1，可变参数 当参数个数可变的时候会使用三个点来表示，比如内核中的printk的定义： static inline int printk(const char *fmt, ...) 2.数组切片 比如指定从某个下标到另外一个下标初始化为同一个值，比如 1
你所不知道的三点运算符！
Lovelyclown的博客
05-15 211
1：三点运算符的使用场景 可以用三点运算符进行对象的浅克隆 //1.1 函数接收参数的时候 function sum(a,b,c) { return a+b+c } let arr = [1,2,3] //let result = sum(arr[0],arr[1],arr[2]) let result = sum(...arr) console.log(result) //1.2 函数接收参数的时候(接收的参数个数不确定) function sum2 (...data) { /*let result
js 三个点（...），扩展运算符说明
白袍小将的博客
08-21 8077
在开发nodejs应用时，发现一些代码中符号前面有三个点（...），这个是什么意思了。原来三个点（...）真名叫扩展运算符，是在ES6中新增加的内容，它可以在函数调用/数组构造时，将数组表达式或者string在语法层面展开；还可以在构造字面量对象时将对象表达式按照key-value的方式展开。说白了就是把外层包裹去除，不管是大括号（[]）、花括号（{}），统统不在话下。 字面量一般指 [1,2,3,4,5] 或者 {name:'Tom',age:19} 这种简洁的构造方式，多层嵌套的数组和对象三个点就无
es6...三点运算符的用法
m0_51144154的博客
11-25 163
1）举例： let arr = [1,2,3,4] console.log(…arr) //arr的值为1 2 3 4 2）作用一种 function a(){ info:{ a:"xi", b:"aa", c:"aas", } } function b(){ info1:{ a:"xi", e:"da", f:"as", } } console.log({...a.info,...b.info1}) //表示 把a函数info中所有数据摊开和
js中的扩展运算符（三个点）的多种用途
蜗牛~~
07-07 1497
三个点（...）真名叫扩展运算符，是在ES6中新增加的内容，它可以在函数调用/数组构造时，将数组表达式或者string在语法层面展开；还可以在构造字面量对象时将对象表达式按照key-value的方式展开 字面量一般指[1,2,3]或者{name:'chuichui'}这种简洁的构造方式,多层嵌套的数组和对象三个点就无能为力了 说白了就是把衣服脱了，不管是大括号（[]）、花括号（{}），统统不在话下，全部脱掉脱掉！ // 数组 var number = [1,2,3,4,5,6] console.
记录一下ES6扩展运算符（三点运算符）...的用法
热门推荐
ChauncyWu的博客
06-11 2万+
该记录源于segmentfaul网友的评论，特意感谢！  ...运算符用于操作数组，有两种层面 1. 第一个叫做 展开运算符(spread operator)，作用是和字面意思一样，就是把东西展开。可以用在array和object上都行。 比如:   let a = [1,2,3]; let b = [0, ...a, 4]; // [0,1,2,3,4] let obj = { a:...
...运算符的用法，es6 三个点运算符
Chris__wang的博客
09-30 521
话不多说，直接上例子，看看  ...运算符到底能干嘛 let arr1 = [1,2,3]; console.log(...arr1);//1,2,3 根据上面例子，可以得出 let arr1 = [1,2,3]; let arr2 = [5,6,7]; console.log([...arr1,...arr2])//[1,2,3,5,6,7] 这个是不是比数组的连接concat...
ES6中的三点运算符(...)方法
weixin_34162629的博客
04-19 2019
本文是将ES6中关于（ ... )运算符小结，参考下面文章。ES6重点复习资料:juejin.im/post/5c02b1…ES6中提供的这个运算符可以简便的进行数据的合并和拆解。其实，不能称为三点运算符.1. 使用方法一：在函数的传参数过程。作用将剩余的参数放入一个数组中。合并rest参数形式为（...变量名），其值为一个数组，用于获取函数多余参数。function f(a,...arr)...
ES6中三点运算符（展开符）的不同作用
weixin_45478030的博客
04-29 1570
ES6中三点运算符（‘…’）的不同作用 “…”运算符，是ES6里一个新的运算法，称为三点运算符，也叫展开/收集运算符 ES6官方的说明是，…运算符可以展开一个可迭代对象中的所有项。 可迭代的对象一般是指可以被循环的，包括string,array,set等。 基础用法1：展开 const a = [2,3,4] const b = [1,...a,5] console.log(b) // 结果...
三点运算符Unexpected token
08-25
如果你遇到了 "Unexpected token" 错误，可能是因为你在使用三元运算符时出现了语法错误。请检查你的语法是否正确，确保每个部分都完整且正确地书写。 如果你能提供更多的上下文或具体的代码片段，我可以帮助你更好...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值