对象数组之间的区别

Question

我试图将一个对象推入数组。它已成功插入数组。 这三个代码有什么区别。

Array.push(Object.assign({}, JSON.parse(JSON.stringify(Object))))
Array.push(Object.assign({},Object))
Array.push(Object)

Answer 1

首先，此代码可能不起作用如果您重新定义了全局对象 - Object.assign 是一个静态方法，但因为您正在处理 Object作为一个实际对象（Object 的一个实例），则无法通过该方法访问它。

代码只有在你重命名变量时才有效——我只是将它们小写了——或者如果你意识到你正在将 Object 函数推送到数组中。

第一行：

array.push(Object.assign({}, JSON.parse(JSON.stringify(object))));

将object 的深层副本推送到数组。深拷贝意味着没有引用——两者是完全不同的对象。修改原来的object不会修改array里面的object的深拷贝。函数和方法将被剥离，所有undefined 值也将被剥离。循环引用（如window.window.window...）也将失败（因为您试图在字符串中放置无限数量的字符 - 这绝不是一个好主意

第二行：

array.push(Object.assign({}, object));

会将object 的浅拷贝推送到array。这意味着对象本身的属性将通过值复制，但嵌套对象内部的属性将通过引用复制。

第三行：

array.push(object);

将对object 的引用推送到array。这意味着如果object被修改，array里面的object也会被修改。

Answer 2

Array.push(Object.assign({}, JSON.parse(JSON.stringify(Object))))

对于上面的例子，

-您正在使用 JSON.stringify() 和

从 Object 制作字符串

-使用 JSON.parse() 和

从该字符串创建一个新对象

-通过传递新的空对象 {} 再次使用 Object.assign() 创建一个新对象。

-在这里您将对象克隆到新对象并将其推送到数组。

Array.push(Object.assign({},Object))

对于上面的例子，

-您正在通过传递新的空对象 {} 使用 Object.assign() 创建一个新对象。

-在这里，您将对象克隆到新对象并将其推送到数组中

Array.push(Object)

对于上面的例子，

-您只是将对象推送到数组中。

Answer 3

Array.push(Object.assign({}, JSON.parse(JSON.stringify(Object))))

它有四种不同的东西-

1. JSON.stringify - 向 Web 服务器发送数据时，数据必须是字符串。所以你基本上将你的对象转换为String/searializing。但在您的情况下，您可能有一个深层嵌套的 object，这就是为什么您将其转换为 string/searializing 以完全克隆它，因为 objects 是引用变量。
2. JSON.parse - 与stringify 相反，当从网络服务器接收数据时，数据总是一个字符串。当您使用 Object.assign 方法时，您需要将 cloned sting object 转换回 object。
3. Object.assign - 方法用于将所有可枚举自身属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。在这里，您将复制的 object 复制到 empty object - {} 以及所有其他 own properties/ proto properties

4. Array.push - 最后，您将新对象推送到 array

   Array.push(Object.assign({},Object))
   

在这里，您将object 的地址复制到新的empty object，然后您将其推送到array，但是这是reference，因此在此array 中对object 的任何更改都会更改原始地址object 因为你复制了对象的地址。

Array.push(Object)

在这里，您只需将object 地址直接推送到array，任何更改都会修改原始对象。