深浅拷贝

深拷贝和浅拷贝都针对的是引用数据类型,而基本数据类型是没有这个概念的。但是为了好理解,接下来我会以数组为例来说明深浅拷贝的概念与区别。(逆战班!)

浅拷贝

所谓的浅拷贝,就是指将一个数组直接赋值给另一个空数组,赋的值就是前一个数组的内存地址,赋值后,两个变量使用的内容相同,地址相同,当操作两者中任何一个数组,另一个数组也会跟着改变。
eg:

//arr1中存储着数组的内存地址
var arr1 = [1,2,3];
//此时将arr1存储的内存地址赋值给arr2,两变量存储着相同的内存地址
var arr2 = arr1;
// 而后操作任何一个变量,另一个变量也会跟着改变
console.log(arr1);
console.log(arr2);
// 当arr2的第一个单元的数据改成'汉堡'时,arr1的第一个单元数据也会变成相同内容
arr2[0] = '汉堡';
console.log(arr1);
console.log(arr2);

在这里插入图片描述
前两条为赋值后的结果,后两条为修改其中一个变量数据的结果。

深拷贝

深拷贝则是通过循环遍历的方式,获取到每个数组单元的数据信息,赋值到新的变量中,赋值后两个变量之间没有任何关系,也不会互相影响。
eg1:
利用for循环遍历数组

var arr3 = ['冰墩墩','雪融融','团团'];
var arr4 = [];
// 循环生成数组下标
for(var i = 0;i <= arr3.length-1;i++){
    // 将arr3中所有下标位置存储的数据插入到arr4中
    arr4.push(arr3[i]);
}
console.log(arr4);
//修改arr4中第三个单元数据为 '圆圆',arr3不会改变
arr4[2] = '圆圆' ;
console.log(arr3);
console.log(arr4);

在这里插入图片描述
eg2:
利用for…in循环遍历数组

var arr5 = ['可乐','雪碧','咖啡','茶'];
var arr6 = [];
//通过for...in循环生成所有下标
for(var key in arr5){
    //将arr5中当前下标的值赋给arr6
    arr6[key] = arr5[key];
}
console.log(arr6);
//修改arr6中第三个单元数据为 '柠檬',arr5不会改变
arr6[2] = '柠檬';
console.log(arr5);
console.log(arr6);

在这里插入图片描述

深浅拷贝的区别

1.赋值方式。
浅拷贝直接赋值;深拷贝是循环遍历的方式一个一个单元数据获取,然后赋给另一个空数组。
2.赋的值
浅拷贝赋给另一个数组的值为数组所在的地址;深拷贝是将数组中每个下标位置所存数据,赋值给另一个数组。
3.赋值后的影响
浅拷贝赋值后,两个数组所用一个地址,操作两者任何一个数组,另一个数组也会跟着变化;深拷贝赋值后,两个数组中只是存的内容暂时相同,但是地址不同,所以两个数组毫无关系,毫不相干。当操作两者中的任何一个数组,另一个数组不会有任何的影响。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值