js对象的深复制和浅复制

在JavaScript中,复制对象分为两种方式,浅复制和深复制,浅复制只复制一层对象的属性,而深复制则递归复制了所有层级
1、浅复制没有办法去真正的去复制一个对象,而只是保存了对该对象的引用
2、深复制可以实现真正的复制一个对象

浅复制
创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型,拷贝的就是基本类型的值,如果属性是引用类型,拷贝的就是内存地址 ,所以如果其中一个对象改变了这个地址,就会影响到另一个对象

Object.assign是一个浅拷贝,它只是在根属性(对象的第一层级)创建了一个新的对象,但是对于属性的值是对象的话只会拷贝一份相同的内存地址
Object.assign还有一些注意的点是:

1、不会拷贝对象继承的属性
2、不可枚举的属性
3、属性的数据属性/访问器属性
4、可以拷贝Symbol类型

大体可以理解为Object.assign就是使用简单的=来赋值,从左往右遍历源对象(sources)的所有属性用 = 赋值到目标对象(target)

Array.prototype.slice
slice() 方法返回一个新的数组对象,这一对象是一个由 begin和 end(不包括end)决定的原数组的浅拷贝。原始数组不会被改变。

深复制
将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存放新对象,且修改新对象不会影响原对象

当我们需要复制一个obj对象时,可以先调用JSON.stringify(obj),将其转换为字符串对象,然后再调用JSON.parse方法,将其转换为JS对象。就可以轻松的实现对象的深复制

当然,使用这种方式实现深复制有一个缺点就是必须给JSON.parse方法传入的字符串必须是合法的JSON,否则会抛出错误

总结
实现一个完整的深拷贝是非常复杂的,需要考虑到很多边界情况

在 JavaScript 中,深复制(Deep Copy)浅复制(Shallow Copy)是用来描述对象或数组复制的两种不同方式。 浅复制是指创建一个新对象或数组,然后将原始对象或数组的引用复制给新对象或数组。这意味着新对象或数组原始对象或数组共享相同的引用,当修改其中一个对象或数组的时候,另一个也会受到影响。 深复制是指创建一个新的对象或数组,并将原始对象或数组的所有属性值递归地复制到新对象或数组中。这样,新对象或数组原始对象或数组是完全独立的,修改其中一个不会影响另一个。 实现深复制的方法有多种,下面是一些常见的方法: 1. 使用 JSON 对象的 parse stringify 方法:先将原始对象或数组转换为字符串,再通过解析字符串得到一个新的对象或数组。这种方法简单易用,但有一些限制,例如无法复制函数、正则表达式等特殊类型。 ```javascript const deepCopy = (obj) => { return JSON.parse(JSON.stringify(obj)); }; ``` 2. 使用递归判断类型:对于对象或数组,递归地复制每个属性值。对于基本类型,直接复制。 ```javascript const deepCopy = (obj) => { if (typeof obj !== 'object' || obj === null) { return obj; } let copy; if (Array.isArray(obj)) { copy = []; for (let i = 0; i < obj.length; i++) { copy[i] = deepCopy(obj[i]); } } else { copy = {}; for (let key in obj) { if (obj.hasOwnProperty(key)) { copy[key] = deepCopy(obj[key]); } } } return copy; }; ``` 这些是实现深复制的常见方法,根据实际情况选择合适的方法进行深复制
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值