如何在Javascript中制作对象的深层副本答案

【问题标题】：How to make a deep copy of a object in Javascript如何在Javascript中制作对象的深层副本
【发布时间】：2024-01-22 12:12:01
【问题描述】：

我想对一个对象做一个深拷贝，比如说我有一个对象：

const oriObj = {
  id: 1,
  version: 1,
  person: 'jack'
};

所以在click event 之后，oriObj 被设置为一个空数组[]，但我仍然想获得oriObj 中的原始值，例如id 和版本。我试图做一个深拷贝，所以无论oriObj如何变化，一旦我一开始就得到了 oriObj 的值，我就会把它深拷贝并存储起来，这样它就不会变成空数组。我尝试了几种方法，但都不行，点击事件后我仍然得到空数组。

【问题讨论】：

到目前为止您尝试过什么？可能只是你犯了一个简单的错误。如果您发布您的尝试，我们或许能够诊断出您做错了什么。
这能回答你的问题吗？ What is the most efficient way to deep clone an object in JavaScript?
如果您觉得“点击事件”的相关性足以提及，那么您可能应该展示该代码。您可以在 google 上轻松找到几种克隆对象的方法，但如果这些方法对您不起作用，那么您需要显示足够的代码以便我们找出原因。

标签： javascript arrays object deep-copy

【解决方案1】：

如果它是一个没有方法的简单对象，一种快速的方法是序列化该对象，然后再次解析它。

const oriObj = {
  id: 1,
  version: 1,
  person: 'jack'
};

const copy = JSON.parse(JSON.stringify(oriObj));

oriObj.id = "changed this";

console.log(oriObj, copy);

【讨论】：

它不适用于函数。
@TijuJohn - 在发表评论之前阅读答案。我在第一句话中明确说过。