大家好,我今天给咱们讲一下引用类型中深浅拷贝的区别。
浅拷贝
直接赋值赋值的是内存地址,赋值之后两个变量使用的相同内容,两个变量中存储的是相同的内存地址,一个操作,另一个也会改变。
arr1 变量中 存储的是 数组的 内存地址
var arr1 = [1,2,3,4,5];
将arr1 存储的内存地址,赋值给arr2,两个变量存储的是相同的内存地址
var arr2 = arr1;
arr1操作,数组,arr2也会改变
因为arr1和arr2,同时存储的是相同的数据,操作的也是同一个数组
同理,arr2,操作数组,arr1也会改变
arr1[0] = '北京';
console.log(arr2);
输出结果为北京,2,3,4,5
深拷贝
循环遍历,获取引用数据类型中,存储的每一个数据信息赋值到新的变量中,赋值之后 两个变量,没有任何关系。
var arr3 = ['北京','上海','广州','重庆','天津'];
循环遍历,获取arr3中的所有数据数值,赋值到新的数组中
var arr4 = [];
通过循环,生成arr3的所有索引下标
for(var i = 0 ; i <= arr3.length-1 ; i++){
arr3[i] 就是获取 arr3中的 存储的 数据信息
arr4.push() 将arr3中的数据 arr3[i] , 写入到 arr4中
arr4.push(arr3[i]);
}
console.log(arr4);
arr3[0] = '武汉';
console.log(arr3 , arr4);
输出结果为:arr3:武汉,上海,广州,重庆,天津。
arr4:北京,上海,广州,重庆,天津。