拓展运算符(...)的理解和使用

扩展运算符是es6中出现的一个运算符，主要用于扩展、展开对象，数组等等

扩展运算符属于深拷贝

例子：

let str = [1,2,3]

let t = [...str]

console.log(t);

const div = document.querySelector('div')

div.addEventListener("click",function(){

        str.push(5)

        console.log(t)

})

 

//[1,2,3]

//点击后[1,2,3]      会存为新的内存

作用：

1：合并数组，复制数组

let str = [1,2,3]

let arr = [4,5,6]

let result = [...str,...arr]

console.log(result)

//[1,2,3,4,5,6]

2:输入数组最大值

console.log(result)

const arr = [1,2,3,4,5]

let result = Math.max(...arr)

console.log(result)     //5

 

3:在函数赋值解构赋值中也有用到（在这就不举例了）

4:可以进行数组去重

const arr= [1,1,2,2,3]   

Array.from(new Set(arr)) //将伪数组转化为数组

console.log([...new Set(arr)])   //[1,2,3]