`
yuyongkun4519
  • 浏览: 43088 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ES6 扩展运算符

 
阅读更多

扩展运算符用3个点表示,功能是把数组或者类数组对象展开成一系列用逗号隔开的值

 

1,数组

let arr = ['red', 'green', 'blue'];
console.log(...arr);//red,green,blue

 拷贝数组(和Object.assign一样都是浅拷贝)

 let arr = ['red', 'green','blue'];
 let arr2=[...arr];
 console.log(arr2);//['red', 'green','blue']

 

2,对象

 拷贝对象(和Object.assign一样都是浅拷贝)

let json = { name: 'lisi', age: 21 };
let json2 = { ...json };
console.log(json2);//name lisi,age 21

 

 

分享到:
评论

相关推荐

    【JavaScript源代码】ES6扩展运算符的理解与使用场景.docx

    ES6扩展运算符的理解与使用场景  目录 1、替代apply方法,一般在函数调用时处理参数2、剩余参数(rest运算符),主要针对函数形参 3、数据连接、合并 4、数组和对象的拷贝 5、字符串转数组 6、在函数调用时使用拓展...

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

    主要介绍了ES6扩展运算符用法,结合实例形式分析了ES6扩展运算符的功能、使用方法与相关注意事项,需要的朋友可以参考下

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

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

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

    本文实例讲述了ES6扩展运算符和rest运算符用法。分享给大家供大家参考,具体如下: 运算符可以很好的为我们解决参数和对象数组未知情况下的编程,让我们的代码更健壮和简洁。 运算符有两种:对象扩展运算符与rest...

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

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

    es6数组之扩展运算符操作实例分析

    主要介绍了es6数组之扩展运算符操作,结合实例形式总结分析es6数组扩展运算符具体原理、实现方法及操作注意事项,需要的朋友可以参考下

    bigcoder84#study-notes#_18扩展运算符1

    扩展运算符ES6扩展运算符:扩展字符串不仅可以在函数传参时使用,还可以在数组中使用:

    vue.js 中使用(…)运算符报错的解决方法

    这个错误是,项目中不识别es6的扩展运算符, 解决方式很简单。 // 第一步 cnpm install babel-plugin-transform-object-rest-spread // 第二步 看一下你的 .babelrc 里面是否有识别es6语法的配置 { "presets": [ ...

    【JavaScript源代码】JS数组降维的几种方法详解.docx

     二维数组降维 使用数组实例方法concat和ES6扩展运算符降维 let arr=[1,2,[3,4],5]; let arr1=[].concat(...arr); //先使用扩展运算符打散最外边的数组,concat自带打散粘合数组的功能 console.log(arr1); //...

    JavaScript 扩展运算符用法实例小结【基于ES6】

    本文实例讲述了JavaScript 扩展运算符用法。分享给大家供大家参考,具体如下: 扩展运算符格式 扩展运算符格式很简单,就是三个点(…) 重点:需要ES6 语法支持 扩展运算符作用??? 扩展运算符允许一个表达式在...

    ES6中的rest参数与扩展运算符详解

    本文主要给大家介绍了关于ES6中rest参数与扩展运算符的相关内容,rest参数和扩展运算符都是ES6新增的特性。rest参数的形式为:…变量名;扩展运算符是三个点(…)。下面话不多说了,来一起看看详细的介绍: rest...

    js代码-ES6 函数的扩展 -扩展运算符的应用

    js代码-ES6 函数的扩展 -扩展运算符的应用

    es6中的解构赋值、扩展运算符和rest参数使用详解

    分别给大家介绍了关于es6中解构赋值、扩展运算符和rest参数使用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。

Global site tag (gtag.js) - Google Analytics