ES6-展开运算符

dmr

展开运算符：可以将一个运算符展开，也可以用于展开对象中的所有可遍历的属性。展开运算符语法上也是使用...三个点。

1. 
   
2. function product(a,b,c){
   
3.   return a*b*c
   
4. }
   
5. let arr = [1,2,3]
   
6. console.log(...arr)//6
   

复制代码

展开运算符也可以合并数组：

1. 
   
2. let arr1 = ["张三","李四"]
   
3. let arr2 = ["王五","马六"]
   
4. 
   
5. console.log([...arr1，...arr2])//["张三","李四","王五","马六"]
   

复制代码

展开运算符用于结构赋值：

1. 
   
2. let arr = ["张三","李四","王五","马六"]
   
3. 
   
4. let [a,b,...c] = arr
   
5. 
   
6. console.log(a)//张三
   
7. console.log(b)//李四
   
8. console.log(c)// ["王五","马六"]
   

复制代码

备注：结构赋值赋值时，展开运算符只能放在最后。

展开运算符用于对象遍历属性：

1. 
   
2. let goods = {
   
3.   name:"cjx",
   
4. age:"13",
   
5. sex:"女"
   
6. }
   
7. let goodsDetail = {
   
8. ...goods,desc:"优秀，勤奋，自律！"
   
9. }
   
10. for(key in goodsDetail){
    
11.    document.write(key + ":" + goodsDetail[key] + "<br/>")
    
12. }
    

复制代码

上面的运行结果：

1. 
   
2. name:cjx
   
3. age:13
   
4. sex:女
   
5. desc:优秀，勤奋，自律！
   

复制代码