JavaScript实现json数据深拷贝的几种方法

在 JavaScript 中，对象和数组（包括 JSON 对象）是引用类型，因此直接将一个 JSON 对象赋值给另一个变量，实际上是将引用传递给了新的变量。这意味着，如果您修改了变量 A，原始的 JSON 对象也会受到影响。要避免修改原始 JSON 对象，需要进行深拷贝，创建一个原始 JSON 对象的副本，然后对副本进行修改。

可以使用一些库或函数来实现深拷贝，例如 JSON.parse() 和 JSON.stringify()，或者使用递归方法，或者使用第三方库如 Lodash 的 _.cloneDeep()。

1、以下是使用 JSON.parse() 和 JSON.stringify() 实现深拷贝的示例：

// 原始的 JSON 对象
var originalJson = { key1: "value1", key2: "value2" };

// 深拷贝到变量 A
var variableA = JSON.parse(JSON.stringify(originalJson));

// 修改变量 A，不影响原始 JSON 对象
variableA.key1 = "new value";

console.log(originalJson); // { key1: "value1", key2: "value2" }
console.log(variableA);    // { key1: "new value", key2: "value2" }

请注意，虽然这种方法可以避免修改原始 JSON 对象，但在处理大型对象或嵌套结构时可能会有性能方面的考虑。在这种情况下,可以考虑下面的两种方式。
2、使用递归
通过递归的方式深度遍历对象，将每个属性的值进行复制。需要处理被复制对象为值类型的情况以及属性值中包含对象的情况。需要注意的是，为了防止循环引用导致死循环，需要记录已经遍历过的对象。

function deepClone(obj){
var newobj={}
    for(let key in obj){
       if(typeof obj[key]=="Object"){
          newobj[key]=copyObj(obj[key])
          }
       else{
            newobj[key]=obj[key]
         }
    }
    return newobj
}

3、以下是使用 Lodash 进行深拷贝的示例：

// 导入 Lodash 库
var _ = require('lodash');

// 原始的 JSON 对象
var originalJson = { key1: "value1", key2: { subKey: "subValue" } };

// 深拷贝到变量 A
var variableA = _.cloneDeep(originalJson);

// 修改变量 A，不影响原始 JSON 对象
variableA.key2.subKey = "new subValue";

console.log(originalJson); // { key1: "value1", key2: { subKey: "subValue" } }
console.log(variableA);    // { key1: "value1", key2: { subKey: "new subValue" } }