JavaScript赋值问题(深、浅拷贝)

什么是深拷贝、浅拷贝？

只复制 引用数据类型的地址，成为浅拷贝。

只复制 引用数据类型中的 数据内容 而不是复制地址，称为 深拷贝。

JavaScript中有两种数据类型，一种是基本数据类型，另一种，是复杂数据类型(引用数据类型)

存储位置？

基本数据类型存储于计算机的栈空间中，而引用数据类型存储于堆空间中，但是我们平常调用的是存在于栈空间中存储引用数据类型的地址。

浅拷贝

浅拷贝指的是直接将一个引用数据类型复制给另一个变量，但是当前这个变量得到的只是这个引用数据类型的地址，如果将这个变量进行修改，那么原来的引用数据类型中的内容也会改变。例如：

var arr = [1,2,3,4,5];

var newArr=arr;

newArr[0]=0;

console.log(arr);

console.log(newArr);

此时不管打印的是原数组arr还是新数组newArr 数组中的内容都变成了[0,2,3,4,5];
但我们做的操作只是改变新数组中的内容，并不想让原数组中的内容改变，如此我们就要用到深拷贝。

深拷贝

深拷贝不同于浅拷贝的是，浅拷贝只赋值引用数据类型的地址给变量，而深拷贝则会赋值引用数据类型中的数据给变量。例如：

var arr1=[1,2,3,4,5];

var newArr1=[];

for(var i = 0 ; i <= arr1.length ; i++){
newArr1.push(arr1[i]);
}

newArr1[0]=0;

console.log(arr1);

console.log(newArr1);

此时得到的结果arr1中的数据还是原始数据[1,2,3,4,5]
而新数组newArr1中的数据变成了[0,2,3,4,5]，达到了我们预期的结果。

在这个过程中，我们声明了一个空数组，用循环语句把arr1中的数据内容挨个赋值给了新数组，这样，因为两个数组地址不同，修改了新的数组newArr1中的数据，只会改变newArr1中的数据，原数组的内容不会改变。