一行代码实现纯数据json对象的深度克隆实现思路

一行代码实现纯数据JSON对象的深度克隆实现思路，这个问题需要理解深浅拷贝的概念，然后利用JSON对象的序列化与反序列化特性进行实现。

深度克隆和浅拷贝的区别

两者之间的主要区别是，在深度克隆的情况下，如果原对象的某个属性值是引用类型，那么克隆后的新对象中对应的属性值如果发生改变，也不会影响原对象，这是因为新对象是重新创建了一份内存。浅拷贝则不同，它只是将原对象的地址引用下来，那么新修改的属性值也会同时影响原对象。

实现思路

JSON对象具有序列化和反序列化的特性，可以很好地实现对象深度克隆。先将对象转化为JSON字符串，然后再把JSON字符串转回JS对象，新的对象已经与原始对象不再共享地址了。

实现方法如下：

const cloneObject = obj  =>  JSON.parse(JSON.stringify(obj)); 

通过上面的代码，可以完成一个JavaScript的对象深度克隆操作。

示例说明

假设现在有一个JSON对象(source)，其中包含着若干个子属性。现假设对原对象的某个属性进行修改，以比较使用深度克隆后的新对象(clone)与原始对象(source)的区别。

示例 1：

let source = {
  name: 'Tom',
  age: 28,
  hobby: ['writing', 'reading'],
  friends: ['Lucy', 'Jim']
};
let clone = cloneObject(source);

clone.hobby[0] = 'drawing'; // 修改了克隆对象的一个引用类型属性

console.log(source.hobby); // 输出: ['writing', 'reading']
console.log(clone.hobby);  // 输出: ['drawing', 'reading']

可以发现，在修改克隆对象的引用类型属性后，原始对象并没有发生任何改变。

示例 2：

let source = {
  name: 'Tom',
  age: 28,
  friends: ['Lucy', 'Jim']
};
let clone = cloneObject(source);

clone.age = 30; // 修改了克隆对象的一个基本类型属性

console.log(source.age); // 输出: 28
console.log(clone.age);  // 输出: 30

可以发现，修改克隆对象的基本类型属性并不会影响到原始的对象。

通过这两个示例，可以看出JSON深度克隆对于对象保存于浏览器内存中的内存地址，是重新分配的。在变量进行修改的时候，不会影响到原变量，而是分别改变各自对应属性的值。

相对而言，这种方法比较简单，其实现依赖于JSON对象本身具备的序列化和反序列化能力，只需要一行就可以完成了一个对象的全深度克隆。