ES6之扩展运算符三个点

最近也写了不少的VUE的代码,发现…这个新的运算符用的还是比较多的,总结记录下。
总结一句话:
把参数对象中可以遍历的属性都取出来放在新的对象中,实现多个对象扁平化。

VUE ES6

不多说,直接看例子:

1
2
3
4
5
6
7
const arr1 = ['a', 'b'];
const arr2 = ['c'];
const arr3 = ['d', 'e'];
console.log([...arr1, ...arr2, ...arr3])

# 结果:
[ 'a', 'b', 'c', 'd', 'e' ]

以此类推,开发中最常用就是把abc字符串等数据换成Object对象的数据,不过记住原理,万变不离其宗。
再来个对象的例子加深下印象:

1
2
3
4
5
6
7
let obj1 = { name: 'mingliang.gao' }
let obj2 = { sex: 'man' }
let obj = { ...obj1, ...obj2 }
console.log(obj)

# 结果:
{ name: 'mingliang.gao', sex: 'man' }

学习参考:https://es6.ruanyifeng.com/#docs/array


ES6之扩展运算符三个点
http://pygo2.top/articles/3828/
作者
mingliang.gao
发布于
2022年1月20日
许可协议