ES6扩展运算符

最新推荐文章于 2024-11-10 20:23:01 发布

S903784597

最新推荐文章于 2024-11-10 20:23:01 发布

阅读量177

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/S903784597/article/details/124779366

版权

本文介绍了JavaScript中的扩展运算符（...），用于在函数调用、数组构造和对象构造时展开元素。扩展运算符可以方便地展开数组或对象，消除外层结构，适用于多种场景，如数组拼接、对象合并等。它简化了代码并提高了可读性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数组或者对象前面的三个点，官方名称叫做扩展运算符。

var a = [1, 2, 3, 4]
console.log("正常输出数组", a)
console.log("扩展运算符输出数组", ...a)

结果：

它可以在函数调用/数组构造时，将数组表达式或者string在语法层面展开；还可以在构造字面量对象时将对象表达式按照key-value的方式展开。说白了就是把外层包裹去除，不管是大括号（[]）、花括号（{}），统统不在话下。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

S903784597

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

ES6中的扩展运算符

fuxinyu1的博客

10-27

629

扩展运算符 基本语法扩展运算符(…)允许一个表达式在原地展开，当需要多个参数（比如函数调用时）或者多个值(比如字面量数组）。 // 定义一个数组 var arr = [1, 2, 3, 4]; // 利用扩展运算符 console.log(...arr); //扩展运算符主要用于函数调用的参数（形参与实参）。 function f(a, b) { console.log(a + b); } let args = [1, 2]; f(...args); 替代apply()，call() 方法 ca

ES6 的扩展运算符

langmanboy的博客

04-20

4082

扩展语法 1. 函数 rest 参数 ES6 引入 rest 参数也叫剩余参数，用于获取函数的多余参数，可以替代使用arguments对象 ... 出现在函数参数列表的最后，那么它就是 rest 参数，它会把参数列表中剩余的参数收集到一个数组中 rest 参数组成的变量是一个数组，该变量将多余的参数放入数组中函数的length属性，不包括 rest 参数 function restFn(...arg) { console.log(arg); } restFn(1, true, {name: '

参与评论您还未登录，请先登录后发表或查看评论

ES6扩展运算符（...）

最新发布

wyh1355420282的博客

11-10

265

扩展运算符（Spread Operator）是 ES6 中引入的一种语法，使用三个点（展开成一系列用逗号隔开的值。

ES6扩展运算符用法实例分析

08-28

ES6扩展运算符用法实例分析 ES6扩展运算符是一种特殊的语法结构，使用三个点号（...）来表示，主要功能是将数组或类数组对象展开成一系列用逗号隔开的值。下面将对ES6扩展运算符的用法、功能、使用方法与相关注意...

ES6扩展运算符的用途实例详解

12-12

ES6的扩展运算符可以说是非常使用的，在给多参数函数传参，替代Apply，合并数组，和解构配合进行赋值方面提供了很好的便利性。扩展运算符就是三个点“…”，就是将实现了Iterator 接口的对象中的每个元素都一个个的...

详解ES6 扩展运算符的使用与注意事项

01-21

扩展运算符 spread syntax 又叫展开语法，写法是 …，顾名思义，其实是用来展开字符串，数组和对象的一种语法，可以在函数调用/数组构造时, 将数组表达式或者 string 在语法层面展开；还可以在构造字面量对象时, 将...

es6扩展运算符 (...)

Embrace__的博客

08-27

415

es6的扩展运算符就是取出参数对象中的所有可遍历属性，拷贝到当前对象之中 let bar = { a: 1, b: 2 }; let baz = { ...bar }; // { a: 1, b: 2 } 实际上是通过Object.assign方法实现的。 let baz = Object.assign({}, bar); // { a: 1, b: 2 } /*将源对象（source）的所有可枚举属性，复制到目标对象（target）*/ 如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后

ES6的扩展运算符（...）

qq_38305872的博客

06-17

337

/* 扩展运算符： ... */ //数组合并 // let arr = [3,4,5]; // arr = [1,2].concat(arr); //es5 // console.log(arr) // console.log([1,2,...arr]); //es6 //解构数组 // let arr = ['a','b'...

ES6——扩展运算符...

ling_xy的博客

09-11

456

文章目录一、替代函数的 apply 方法1.将数组转为函数的参数2.求出数组最大/小元素3.将一个数组添加到另一个数组的尾部二、扩展运算符的应用1.复制数组2.合并数组3.与解构赋值结合4.实现了 Iterator 接口的对象扩展运算符（…）将一个数组转为用逗号分隔的参数序列 (好比 rest 参数的逆运算) console.log(...[1, 2, 3]) // 1 2 3 一、替代函数的 apply 方法 1.将数组转为函数的参数 // ES5 的写法 function f(x, y, z) {

ES6：扩展运算符

puyoufeng的博客

10-29

549

扩展操作符极大地简化了操作数组和对象的方式，同时在函数参数处理上也非常灵活。无论是通过扩展运算符展开数组或对象，还是通过剩余参数收集不定数量的参数，它都能让代码更加简洁、易读。

ES6对象的扩展运算符

zhouyuzhu666的博客

10-05

1164

1、对象的扩展运算符(…)用于取出参数对象的所有可遍历属性，拷贝到当前对象之中 let z = {a:3,b:4}; let n = {...z}; console.log(n);//{a:3,b:4} 2、由于数组是特殊的对象，所以对象的扩展运算符也可以用于数组 let foo = {...['a','b','c']} console.log(foo);//{ '0': 'a', '1': 'b', '2': 'c' } 3、如果扩展运算符后面是一个空的对象，则没有任何效果 console.log(

ES6的扩展运算符

yingchengzzz的博客

07-01

4553

扩展运算符的三种常见写法 3.扩展运算符在函数的形参列表中的作用将传递给函数的所有实参打包到一个数组中注意点: 和在等号左边一样, 也只能写在形参列表的最后

ES6,扩展运算符

weixin_30410119的博客

02-12

ES6,扩展运算符 1.数组（扩展运算符）解构赋值扩展运算符(spread)就是我们知道的三个点(...)，它就好像rest参数的逆运算，将一个数组转为用逗号分隔的参数序列。 console.log(...[1,2,3]); //1 2 3 console.log(1,...[2,3,4],5) //1 2 3 4 5 console.log([1,...[2,3,4],5]) //[1, 2...

es6~扩展运算符

ddh3110的博客

02-19

214

扩展运算符 含义扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 console.log(...[1, 2, 3]) //1 2 3 console.log(1, ...[2, 3, 4], 5) //1 2 3 4 5 [...document.querySelectorAll('div')...

ES6——扩展运算符(...)

Dream_Lee的博客

04-01

2231

文章目录一、扩展运算符(...)二、扩展运算符的应用1、合并数组2、与解构赋值结合3、字符串转数组4、实现了 Iterator 接口的对象5、Map 和 Set 结构， Generator 函数6、替代数组的 apply 方法一、扩展运算符(…) 扩展运算符（ spread ）是三个点（…）.功能是把数组或类数组对象展开成一系列用逗号隔开的参数序列，与rest运算符刚好相反。主要一下作用： ...

es6 扩展运算符 在对象中用法

05-28

ES6 扩展运算符可以用于对象的浅拷贝。例如： ``` const obj1 = { a: 1, b: 2 }; const obj2 = { ...obj1, c: 3 }; console.log(obj2); // { a: 1, b: 2, c: 3 } ``` 上述代码中，使用扩展运算符将 `obj1` 中的属性拷贝到 `obj2` 中，并在 `obj2` 中添加了属性 `c`。需要注意的是，如果 `obj1` 和 `obj2` 中有同名的属性，后者会覆盖前者。如果要进行深拷贝，可以使用第三方库，如 `lodash` 的 `cloneDeep` 方法。