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

Question

我想知道两者之间有什么区别

Object.assign({}, obj)

和

JSON.parse(JSON.stringify(obj))

用于对象的深度克隆？任何人都可以解释一下他们有什么想法吗？

Answer 1

不同的是

Object.assign({}, obj)

创建 shallow copy ，不是deep ，同时

JSON.parse(JSON.stringify(obj))

serializes该对象作为 JSON 字符串，然后将其反序列化，从而有效地创建深拷贝。需要注意的是，该方法只能“深复制”普通的旧数据，而不能“深复制”复杂的对象及其原型(prototype)。

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

> 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 }

另一方面，序列化-反序列化技巧会创建一个深拷贝，其中所有内容都是从头开始创建的:

> 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