JS 中实现深拷贝的方法汇总

在 JavaScript 编程中，深拷贝是一个常见且重要的操作。当我们需要复制一个对象，并且希望新对象与原始对象在内存中完全独立，对新对象的修改不会影响到原始对象，反之亦然时，就需要用到深拷贝。以下为大家详细介绍几种常见的深拷贝实现方法。

1. JSON.parse() 和 JSON.stringify()

这是最常用的方法之一。原理是先将对象转换为 JSON 字符串，再从 JSON 字符串解析回对象，从而创建一个全新的对象。示例代码如下：

const original = {
    name: '张三',
    age: 30,
    hobbies: ['阅读', '运动']
};
const copy = JSON.parse(JSON.stringify(original));
copy.age = 31;
console.log(original.age); // 输出 30
console.log(copy.age); // 输出 31

优点是简单易用，效率较高。但它有局限性，无法处理函数、循环引用以及一些特殊的对象，比如 undefined、Symbol 类型的值。

2. 递归实现深拷贝

通过递归函数，遍历对象的所有属性，如果属性是对象，则继续递归复制，直到所有属性都被复制。代码示例：

function deepClone(obj) {
    if (typeof obj!== 'object' || obj === null) {
        return obj;
    }
    const newObj = Array.isArray(obj)? [] : {};
    for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
            newObj[key] = deepClone(obj[key]);
        }
    }
    return newObj;
}

这种方法灵活性高，可以处理各种复杂对象结构，但实现相对复杂，性能也会受到影响，尤其是对象层次较深时。

3. 使用第三方库

如 Lodash 库，它提供了 _.cloneDeep() 方法来实现深拷贝。使用方式：

import _ from 'lodash';
const original = { /* 原始对象 */ };
const copy = _.cloneDeep(original);

Lodash 功能强大，经过优化，处理复杂对象时稳定性和性能都不错，但引入第三方库会增加项目体积。

在实际应用中，我们需要根据对象的具体结构和项目需求，选择合适的深拷贝方法，以达到最佳的编程效果。