Javascript 推送对象作为克隆

Question

我将 d3 用于交互式网络应用程序。 我需要绑定的数据在交互过程中发生了变化，并且由我的 JSON 变量中的一些选定对象组成。
为此，我在 JSON 变量上使用了 map 并进行了一些查询以选择适当的对象。 对象被推到一个列表上，这个列表被绑定为新数据。
我的问题是，Javascript 将对象作为参考推送。 虽然 d3 进行了一些花哨的数据修改，但我的 JSON 变量变得混乱，我的查询将不再起作用。
我是否需要使用JSON.stringify()或jQuery.extend()类的东西复制每个对象，或者是否有不同的解决方案来将我的 JSON 变量与我作为数据传递的对象数组分离？

Answer 1

如果你只需要一个浅拷贝，你可以这样做：

arr.push({...o})

假设 o 是您要同时推送和克隆的对象。

Answer 2

每个 JS 对象都作为引用传递（对象、数组、函数等）。 为了制作特定对象的“深层副本”，您可以执行以下操作：

var deepCopy = JSON.parse(JSON.stringify(oldObject)) // 1. - more of a hack
var deepCopy = _.cloneDeep(oldObject); // 2. use some predefined methods from jQuery, lodash or any other library

var shallowCopy = Object.assign({}, oldObject) // 1. - preferred (if you support new ES features)

这样您在列表中的数据就不会被修改。