理解前端中的深拷贝与浅拷贝

1.如何区分深浅拷贝

简单来说：存在一个对象或者数组A，将A赋值给B，若改变B中的一个属性或者元素，如果导致了A的变化，那么这就是浅拷贝，反之是深拷贝，之前在数据类型中学习了，对于引用数据类型，只有地址重新声明了，那么改变数据就不会影响之前赋值的数据，这就是深拷贝。

2.深浅拷贝的方法

对于基本数据类型，每次声明都会开辟一个新的栈地址，所以理论上每次赋值都是深拷贝，所以这里我们只讨论引用数据类型。

1）浅拷贝

①对于数组或者对象，直接用等于号赋值的话，就属于浅拷贝，如下：

let arr1 = [1, 2, 3];
let arr2 = arr1;
arr2[0] = 0;

let obj1 = {name: 'Tom'};
let obj2 = obj1;
obj2.name = 'Jerry'

console.log(arr1, arr2, obj1, obj2);

可以看到直接赋值会改变原有属性（arr1和obj1）的值属于浅拷贝

②使用for循环将数据复制到另一个数据上

let arr3 = [];
for (let i = 0;i < arr1.length; i++) {
	arr3[i] = arr1[i]
}
arr3[0] = 0;

let obj3 = {};
for (let k in obj1) {
	obj3[k] = obj1[k]
}
obj3.name = 'Lucy';

console.log(arr1, arr3, obj1, obj3);

有结果我们可以看到，数组的循环赋值是浅拷贝，而对于属性name是string类型的数据，不会影响之前的数据，这是和基本类型的赋值是一样的，那么我们看一下如果，属性是数组或者对象，结果是什么：

可以看到，引用类型的属性for循环赋值就会出现数据属性被修改的情况，属于浅拷贝，那是什么原因呢，很简单，因为赋值的时候赋的是地址，改变地址中的值，obj以及obj1都是从同一个地址中去拿数据，自然拿的时改变过的数据。

③浅拷贝还有哪些方式

object.create:

2)深拷贝

一般使用最多的是JSON.parse(JSON.stringify());

它的原理就是先通过JSON.stringify(obj)，把对象也就是引用数据类型转化为string也就是基本数据类型，那么就会重新创建一个栈地址，然后由JSON.parse转回obj，现在这个obj赋值的新对象就拥有了新的地址，那么就达到了目的，数组也适用，这是我们工作中用的最多的方式；

---------------------------------------------------------------------------------------------------------------------------------

还有一种使用回调函数的方式进行赋值：

function deepCopy(obj1, obj2){
	let obj = obj2 || {};
	for (let i in obj1) {
		if (typeof obj1[i] === 'object') { // 代表这个属性是引用数据类型
			obj[i] = obj1[i].constructor === Array ? [] : {}; // 再次判断是对象还是数组，然后初始化赋值
			deepCopy(obj1[i], obj[i]); // 再次调用函数
		} else {
			obj[i] = obj1[i] // 直到数据类型不在是引用数据类型进行赋值即可
		}
	}
	return obj
}

主要理解一下再次调用函数，就是回调时，传过去的是这一次判断的引用类型属性的数据，然后再一次判断数据的类型（这里是第三层了），如果是基本类型的属性数据直接赋值就行，不是的话，接着拿这一层的数据进行遍历判断：如果第一层数据是A，第二层是B，那么这次判断的就是A.B的数据类型，这里的关键理解就可以了。