ES6中的拓展运算符(...)的用法和含义_es6...list

ES6 中的拓展运算符

含义：讲的通俗一点就是把数据的衣服 脱了。先这样记着。来看后面的代码就明白了。

1.显示数组中的元素和对象中的值

var list=[1,2,3,4,5]
console.log(...list)
//输出 1，2，3，4，5
//这里就是相当于直接扒掉数组的外壳
var person ={name:'huihui',age :23}
console.log({...person})
//输出：{name:'huihui',age :23}
1
2
3
4
5
6
7

2.复制数字或者对象

var list =[1,2,3]
var list2 = [4,5,6]
//这里直接把list和list2的外壳扒了，放到list3中形成一个合并数组
var list3 = [...list,...list2]
//这里再把数组的外壳扒掉
console.log(...list3)
//输出：1 2 3 4 5 6
1
2
3
4
5
6
7

3.用新增的对象属性替换原来的属性

var person = {name:'灰太狼',age:23}
var person = {...person,age:80}//用在对象中会把相同的属性用后者覆盖前者
console.log({...person})
//这里用新的age可以覆盖掉原来的age
1
2
3
4

4.函数参数中使用

function add(x,y){
	console.log(x+y)
}
var num = [1,2]
add(...num)
//输出：3
1
2
3
4
5
6

总结：以上是拓展运算符的常用方式，是不是感觉很好理解呢！就始终记住是把数据的外壳扒了就行。有问题欢迎探讨。