文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

什么是深拷贝和浅拷贝

2023-10-29 14:00

关注

深拷贝和浅拷贝分别是指:深拷贝是指拷贝对象的具体内容,二内存地址是自主分配的,拷贝结束之后俩个对象虽然存的值是一样的,但是内存地址不一样,俩个对象页互相不影响,互不干涉。浅拷贝是指对内存地址的复制,让目标对象指针和源对象指向同一片内存空间。

浅拷贝

浅拷贝对内存地址的复制,让目标对象指针和源对象指向同一片内存空间。注意:当内存销毁的时候,只想对象的指针,必须重新定义,才能够使用

代码:

var a = {x:1}

var b = a

console.log(b);//{x:1}

b.x = 2

console.log(b)//{x:2}

console.log(a)//{x:2}

浅拷贝是一个传址,也就是把a的值赋给b的时候同时也把a的址赋给了b,当b(a)的值改变的时候,a(b)的值同时也会改变

深拷贝

深拷贝是指拷贝对象的具体内容,二内存地址是自主分配的,拷贝结束之后俩个对象虽然存的值是一样的,但是内存地址不一样,俩个对象页互相不影响,互不干涉。

深拷贝的几种方法:

1、JSON内置的方法

var a={x:1}

var b=JSON.parse(JSON.stringfiy(a))

console.log(b)//{x:1}

b.x=2

console.log(b)//{x:2}

console.log(a)//{x:1}

原理:该方法是用JSON.parse将对象转为字符串,然后在用JSON.stringify转回对象json字符串转换为对象的时候,会自己去构建新的内存地址存放数据

注:如果对象属性为function,因为JSON格式字符串不支持function,在构建的时候会自动删除

2、Object的内置方法assign

var a={x:1}

var b=Object.assign({}, a);

console.log(b);    //{x:1}

b.x = 2;

console.log(b);    //{x:2}

console.log(a);    //{x:1}

原理:该方法是用Object.assign对对象进行拼接, 将后续对象的内容插入到第一个参数指定的对象,不会修改第一个参数之后的对象,而我们将第一个对象指定为一个匿名空对象,实现深拷贝

注:对象嵌套层次过深,超过2层,就会出现浅拷贝的状况,比如echarts组件的option对象

3、递归实现

function clone(Obj) {首先,然后确定递归的回调,最终到达对象或者数组的末端,达到深拷贝的要求。

var newObj;

if (Obj instanceof Array) { //确定类型

newObj = [];  // 创建一个空的数组

var i = Obj.length;

while (i–) {

newObj[i] = clone(Obj[i]); //递归回调

}

return newObj;

} else if (Obj instanceof Object){ //确定类型

newObj = {};  // 创建一个空对象

for (var k in Obj) {  // 为这个对象添加新的属性

newObj[k] = clone(Obj[k]); //递归回调

}

return newObj; //结束函数完成深拷贝

}else{

return Obj; //结束函数完成深拷贝

}

}

或者

function extendDeepCopy(obj,newobj){

var newobj=newobj||{};

for(var i in obj){

if(typeof obj[i]==’object’){ //确定类型

newobj[i]=(obj[i].constructor===”Array”)?[]:{};

extendDeepCopy(obj[i],newobj[i]); //递归回调

}else{

newobj[i]=obj[i];

}

}

return newobj;//结束函数完成深拷贝

}

return newObj;

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     801人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     348人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     311人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     432人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     220人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯