深浅拷贝

深拷贝和浅拷贝

简单数据类型/基本数据类型
var str1 = ‘北京’;
//此时str1中存储的是数据北京
var str2 = str1;
//将str1中存储的数据北京赋值给str2
str1 = ‘上海’;
//之后对str1的操作与str2无关
console.log(str1,str2);
代码解析:
在这里插入图片描述
效果图:
在这里插入图片描述
引用数据类型/复杂数据类型
var arr1 =[1,2,3,4,5];
//arr1变量中存储的是数组的内存地址
var arr2 = arr1;
//将arr 1存储的内存地址赋值给arr2,两个变量存储的是相同的内存地址,arr1操作数组,arr2也会改变
因为arr1和arr2同时存储的是相同的数据,操作的也是同一个数组,同理,arr2操作数组arr1也会改变。
arr1[0] = ‘北京’;
console.log(arr2);
代码解析:
在这里插入图片描述
效果图:
在这里插入图片描述
直接将一个引用数据类型的地址,赋值给另一个变量存储的,称为浅拷贝。
两个变量存储的是相同的内存地址,一个操作,另一个也会改变。不想两个变量操作数组都会改变,想建立一个独立的变量只是存储相同的数据,需要建立一个独立的变量,复制引用数据类型中的数据内容。
只复制引用数据类型中的数值,而不是复制地址,称为深拷贝

var arr3 = [‘北京’,‘上海’,‘广州’,‘重庆’,‘天津’];
var arr4 = [ ];
for(var i = 0 ; i <= arr3.length-1 ; i++){
arr4.push(arr3[i]);
}
console.log(arr4);
arr3[0] = ‘武汉’;
console.log(arr3 , arr4);
// 只复制arr3中的数据,循环遍历,获取arr3中的所有数据数值,赋值到新的数组中,通过循环,生成arr3中的所有索引下,arr3[i] 就是获取 arr3中的存储的数据信息, arr4.push() 将arr3中的数据arr3[i] 写入到 arr4中

代码解析:
在这里插入图片描述
效果图:***
在这里插入图片描述
总结:
基本数据类型:
赋值的是存储的数据,赋值之后两个变量没有关系
引用数据类型:
浅拷贝,直接赋值赋值的是内存地址,赋值之后两个变量使用相同的内容,一个操作另一个也会改变。
深拷贝,循环遍历,获取引用数据类型中存储的每一个数据信息,赋值到新的变量中,赋值之后两个变量没有任何关系。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值