JavaScript 中实现深拷贝

**深拷贝在 JavaScript 中**

在 JavaScript 中，对象和数组是常见的数据结构。然而，当我们需要复制这些数据结构时，简单地使用 `=` 或 `Object.assign()` 等方法可能会导致浅拷贝，而不是深拷贝。这意味着新创建的对象或数组共享了原始数据结构中的内存空间，从而导致修改其中一个副本也会影响另一个副本。

**什么是浅拷贝和深拷贝**

* 浅拷贝：只复制对象或数组的引用，新创建的对象或数组与原来的共享同一块内存空间。
* 深拷贝：完全复制对象或数组的内容，新创建的对象或数组拥有独立的内存空间。

**实现深拷贝**

为了实现深拷贝，我们需要递归地遍历原始数据结构中的所有属性和值，并将它们复制到新的对象或数组中。下面是 JavaScript 中实现深拷贝的一个示例：

javascriptfunction deepCopy(obj) {
 // 如果 obj 是 null 或 undefined，直接返回 if (obj === null || typeof obj === 'undefined') return obj;

 // 如果 obj 是基本类型（如 number、string、boolean 等），直接返回 if (typeof obj !== 'object') return obj;

 // 如果 obj 是数组，使用 Array.prototype.map() 方法创建一个新数组 const arr = Array.isArray(obj) ? [] : {};

 // 遍历 obj 中的所有属性和值 for (const key in obj) {
 // 使用递归函数 deepCopy 复制每个属性和值 arr[key] = deepCopy(obj[key]);
 }

 return arr;
}

javascript// 测试数据结构const originalObj = {
 a:1,
 b: 'hello',
 c: true,
 d: [2,3],
 e: { f:4, g: 'world' }
};

// 使用 deepCopy 函数创建一个深拷贝副本const copiedObj = deepCopy(originalObj);

// 修改原始数据结构中的某个属性或值originalObj.a =10;

console.log('Original Object:', originalObj);
console.log('Copied Object:', copiedObj);

javascriptOriginal Object: { a:10, b: 'hello', c: true, d: [2,3 ], e: { f:4, g: 'world' } }
Copied Object: { a:1, b: 'hello', c: true, d: [2,3 ], e: { f:4, g: 'world' } }