Question

我想知道

之间有什么区别

Object.assign({}, obj)

和

JSON.parse(JSON.stringify(obj))

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

Answer 1

区别在于

Object.assign({}, obj)

创建shallow copy，而不是deep，而

JSON.parse(JSON.stringify(obj))

serializes将对象作为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

Answer 2

我认为结果是一样的，但性能测试存在差异，object.assign比JSON.parse（JSON.stringify（obj））快得多。

因此，如果您关心性能，最好使用object.assign

检查以下链接：

JSON.parse(JSON.stringify(obj)) vs Object.assign({}, obj) benchmark

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

2 个答案: