扩展运算符的精细

---

一、扩展运算符的基本概念

扩展运算符用（…）表示，它可以将一个数组和对象展开成多个数组和对象，也可以将多个数组和对象合并成一个数组和对象。

二、扩展运算符在数组中的应用

这里注意const是声明一个常量

1.展开数组

const arr = [2,3,4];
console.log(...arr) // 2 3 4

2.复制数组

const arr = [2,3,4];
const newArr = [...arr]
console.log(...newArr) // 2 3 4

3.合并数组

const arr = [1,2];
const newArr = [3,4]
console.log(...arr,...newArr) // 1 2 3 4

4.配合解构赋值一起

const arr = [1,2,3,4];
const [,,...res] = arr;
console.log(res) // 3 4

三、扩展运算符在对象中的应用

这里注意const是声明一个常量

1.展开对象

const obj = {a:1,b:2};
console.log(...obj) // {a:1 , b:2}

2.复制对象

const obj = {a:1,b:2};
const newObj = {...obj};
console.log(newObj) // {a:1 , b:2}

3.合并对象

const obj1 = {a:1,b:2};
const obj2 ={c:3,d:4};
const obj = {a:1,b:2,c:3,d:4}
console.log(obj) // {a:1,b:2,c:3,d:4}

3.配合解构赋值一起

const obj = {a:1,b:2,c:3,d:4};
const {c,d,...res} = obj
console.log(res) //{a:1,b:2}

三、深拷贝——浅拷贝

-复杂数据类型（数组、对象）的存储是通过指针存储的，所以，很多时候你在操作复杂类型的时候，新数据和原数据大概率都会被你修改

1.浅拷贝

你拷贝的只是指针，指针改变

let arr = [1,2,3];
let arr1 = arr;
arr1[0] = 10;
console.log(arr)

2.深拷贝

重新开辟内存空间，互相之间不影响

let info = {
	name:'张三',
	age:12
}

let newInfo = {...info};
newInfo.name = '李四'
console.log(newInfo)
console.log(info)