扩展运算符用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
相关推荐
ES6扩展运算符的理解与使用场景 目录 1、替代apply方法,一般在函数调用时处理参数2、剩余参数(rest运算符),主要针对函数形参 3、数据连接、合并 4、数组和对象的拷贝 5、字符串转数组 6、在函数调用时使用拓展...
主要介绍了ES6扩展运算符用法,结合实例形式分析了ES6扩展运算符的功能、使用方法与相关注意事项,需要的朋友可以参考下
ES6的扩展运算符可以说是非常使用的,在给多参数函数传参,替代Apply,合并数组,和解构配合进行赋值方面提供了很好的便利性。 扩展运算符就是三个点“…”,就是将实现了Iterator 接口的对象中的每个元素都一个个的...
本文实例讲述了ES6扩展运算符和rest运算符用法。分享给大家供大家参考,具体如下: 运算符可以很好的为我们解决参数和对象数组未知情况下的编程,让我们的代码更健壮和简洁。 运算符有两种:对象扩展运算符与rest...
扩展运算符 spread syntax 又叫展开语法,写法是 …,顾名思义,其实是用来展开字符串,数组和对象的一种语法,可以在函数调用/数组构造时, 将数组表达式或者 string 在语法层面展开;还可以在构造字面量对象时, 将...
主要介绍了es6数组之扩展运算符操作,结合实例形式总结分析es6数组扩展运算符具体原理、实现方法及操作注意事项,需要的朋友可以参考下
扩展运算符ES6扩展运算符:扩展字符串不仅可以在函数传参时使用,还可以在数组中使用:
这个错误是,项目中不识别es6的扩展运算符, 解决方式很简单。 // 第一步 cnpm install babel-plugin-transform-object-rest-spread // 第二步 看一下你的 .babelrc 里面是否有识别es6语法的配置 { "presets": [ ...
二维数组降维 使用数组实例方法concat和ES6扩展运算符降维 let arr=[1,2,[3,4],5]; let arr1=[].concat(...arr); //先使用扩展运算符打散最外边的数组,concat自带打散粘合数组的功能 console.log(arr1); //...
本文实例讲述了JavaScript 扩展运算符用法。分享给大家供大家参考,具体如下: 扩展运算符格式 扩展运算符格式很简单,就是三个点(…) 重点:需要ES6 语法支持 扩展运算符作用??? 扩展运算符允许一个表达式在...
本文主要给大家介绍了关于ES6中rest参数与扩展运算符的相关内容,rest参数和扩展运算符都是ES6新增的特性。rest参数的形式为:…变量名;扩展运算符是三个点(…)。下面话不多说了,来一起看看详细的介绍: rest...
js代码-ES6 函数的扩展 -扩展运算符的应用
分别给大家介绍了关于es6中解构赋值、扩展运算符和rest参数使用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。