用于深度克隆对象的Object.assign和JSON.parse(JSON.stringify(obj))有什么区别？

Question

我想知道它们之间是否有区别

Object.assign({}, obj)

和

JSON.parse(JSON.stringify(obj))

用于深度克隆对象？任何人都可以解释他们是否有任何想法？

Answer 1

不同之处在于

Object.assign({}, obj)

创建一个浅拷贝,不深,而

JSON.parse(JSON.stringify(obj))

将对象序列化为 JSON字符串,然后对其进行反序列化,从而有效地创建深层副本.

如果所有属性都指向原始值,或者您无意改变副本引用的对象,则浅拷贝就可以了.如果这样做,更改将在原始副本和浅副本中都可见,因为它们都引用相同的对象:

> let a = { k: { h: 1 } };
> let b = Object.assign({}, a);
> b.k.h = 2;
> a
{ k: { h: 2 } }
> b
{ k: { h: 2 } }

您当然可以改变副本本身,而不会对原始版本产生任何影响:

> b.j = 4
> b.k = { new: 'object' }
> a
{ k: { h: 2 } }
> b
{ k: { new: 'object' }, j: 4 }

另一方面,serialize-deserialize技巧创建了一个深层副本,其中所有内容都是从头开始创建的:

> let c = JSON.parse(JSON.stringify(b));
> c
{ k: { h: 2 } }
> c.k.h = 3
> c
{ k: { h: 3 } }
> a
{ k: { h: 2 } }
> b
{ k: { h: 2 } }

检查身份的另一种方法是使用严格的相等:

> let a = { k: { h: 1 } };
> let b = Object.assign({}, a);
> a.k === b.k  // both point to the same object
true
> let c = JSON.parse(JSON.stringify(b));
> c.k === b.k  // different objects
false