2、对象拷贝（浅拷贝、深拷贝）、深拷贝的两种方法（递归、转JSON）

1、为什么要对象拷贝？

• 对象作为函数参数的时候，返回一个全新的对象，不希望操作原对象，就时候就需要对象拷贝，也叫对象克隆

---

2、浅拷贝

• 只能拷贝第一层级的。深层的不能拷贝（就是里面属性也是一个对象），拷贝的属性仍然是指向同一个对象，数据改变时也会影响到原始对象的数据

		// 对象拷贝（克隆）：对象作为函数参数的时候，不希望操作原对象
		let stu = { name: "jasmine", age: 18, friend: { name: "qiqi" } };

		// 浅拷贝：只能拷贝第一层级的
		// 深层的不能拷贝（就是属性值也是一个对象），仍然是指向同一个对象
		function copyObject(obj) {
			let newObj = {};
			for (let i in obj) {
				newObj[i] = obj[i];
			}
			return newObj;
		}
		let newStu = copyObject(stu);
		newStu.age = 20;
		newStu.friend.name = "jasmine";
		console.log(stu);
		console.log(newStu);
		/*
		输出结果：
		stu = { name: "jasmine", age: 18, friend: { name: "jasmine" } };
		newStu = { name: "jasmine", age: 20, friend: { name: "jasmine" } };
		*/

---

3、深拷贝

• 所有的层级的数据都拷贝过来，不放过一个属性，拷贝指向的对象都是一个全新的对象，不影响原始对象的数据

// 深拷贝：所有的层级的数据都拷贝过来，不放过一个属性
		function copyObject(obj) {
			let newObj = {};
			for (let i in obj) {
				// 递归（实现深度拷贝）
				if (obj[i] instanceof Object) {
					newObj[i] = copyObject(obj[i]);
				} else {
					newObj[i] = obj[i];
				}

			}
			return newObj;
		}
		let newStu = copyObject(stu);
		newStu.name = "qiqi";
		newStu.friend.name = "qiqi";
		console.log(stu);
		console.log(newStu);
		/*
		输出结果：
		stu = { name: "jasmine", age: 18, friend: { name: "jasmine" } };
		newStu = { name: "jasmine", age: 20, friend: { name: "qiqi" } };
		*/

4、浅拷贝与深拷贝的区别

类型	区别
浅拷贝	只拷贝第一层级的数据，深层的属性对象仍然指向同一个对象，数据改变时影响原始对象
深拷贝	所有层级的数据都拷贝过来，数据改变时，不影响原始对象

---

4、深拷贝的两种方法（递归、转JSON）

<script>
		// 对象拷贝（克隆）：对象作为函数参数的时候，不希望操作原对象
		var stu = { name: "jasmine", age: 18, friend: { name: "jasmine" } };

		// 深拷贝：所有的层级的数据都拷贝过来，不放过一个属性
		function copyObject(obj) {
			let newObj = {};
			// 1、递归（实现深度拷贝）
			for (let i in obj) {
				if (obj[i] instanceof Object) {
					newObj[i] = copyObject(obj[i]);
				} else {
					newObj[i] = obj[i];
				}
			}
			// 2、转JSON
			let newStr = JSON.stringify(obj);
			newObj = JSON.parse(newStr);
			return newObj;
		}
		var newStu = copyObject(stu);
		newStu.name = "qiqi";
		newStu.friend.name = "qiqi";
		console.log(stu);
		console.log(newStu);
		/*
		输出结果：
		stu = { name: "jasmine", age: 18, friend: { name: "jasmine" } };
		newStu = { name: "jasmine", age: 20, friend: { name: "qiqi" } };
		*/


	</script>