js怎么把对象复制

JavaScript中将对象复制的方法包括浅拷贝、深拷贝两种，常见的方法有Object.assign()、扩展运算符(…)、JSON.parse(JSON.stringify())、递归拷贝、使用第三方库如Lodash等。

其中，深拷贝是指完全复制对象及其嵌套的子对象，以保证新对象与原对象之间完全独立，不受彼此的影响。递归拷贝是实现深拷贝的一种有效方法，在处理复杂对象时尤为重要。以下是详细介绍及实现方式。

一、浅拷贝方法

1、Object.assign()

Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。这种方法适用于浅拷贝。

const obj = { a: 1, b: { c: 2 } };
const copy = Object.assign({}, obj);
console.log(copy); // { a: 1, b: { c: 2 } }

2、扩展运算符（…）

扩展运算符（…）也可以用于浅拷贝对象。它的语法简洁直观。

const obj = { a: 1, b: { c: 2 } };
const copy = { ...obj };
console.log(copy); // { a: 1, b: { c: 2 } }

然而，浅拷贝仅复制了对象的顶层属性，对于嵌套对象仍然是引用，因此修改嵌套对象会影响原对象。

二、深拷贝方法

1、JSON.parse(JSON.stringify())

JSON.parse(JSON.stringify())是实现深拷贝的一种简便方法，但它有一些局限性，比如不能复制函数、undefined、Symbol等类型。

const obj = { a: 1, b: { c: 2 } };
const copy = JSON.parse(JSON.stringify(obj));
console.log(copy); // { a: 1, b: { c: 2 } }

2、自定义递归拷贝

为了克服JSON.parse(JSON.stringify())的局限，我们可以编写递归函数实现深拷贝。

function deepClone(obj) {
    if (obj === null || typeof obj !== 'object') {
        return obj;
    }
    if (obj instanceof Array) {
        const arrCopy = [];
        for (let i = 0; i < obj.length; i++) {
            arrCopy[i] = deepClone(obj[i]);
        }
        return arrCopy;
    }
    if (obj instanceof Object) {
        const objCopy = {};
        for (const key in obj) {
            if (obj.hasOwnProperty(key)) {
                objCopy[key] = deepClone(obj[key]);
            }
        }
        return objCopy;
    }
    throw new Error('Unsupported data type');
}
const obj = { a: 1, b: { c: 2 }, d: [3, 4, 5] };
const copy = deepClone(obj);
console.log(copy); // { a: 1, b: { c: 2 }, d: [ 3, 4, 5 ] }

3、使用第三方库Lodash

Lodash是一个功能强大的JavaScript库，提供了许多实用的工具函数，其中_.cloneDeep可以用于深拷贝对象。

const _ = require('lodash');
const obj = { a: 1, b: { c: 2 }, d: [3, 4, 5] };
const copy = _.cloneDeep(obj);
console.log(copy); // { a: 1, b: { c: 2 }, d: [ 3, 4, 5 ] }

三、实际应用中的考量

1、性能

在实际应用中，深拷贝操作的性能是一个重要的考虑因素。对于大型对象或复杂嵌套对象，深拷贝可能会导致性能问题。此时，可以选择优化算法或使用原生支持的浅拷贝方式，并通过逻辑控制避免不必要的深拷贝。

2、特殊数据类型

在深拷贝过程中，需要注意处理特殊数据类型，如日期对象、正则表达式、Map和Set等。递归拷贝的实现需要针对这些类型进行特殊处理。

function deepClone(obj) {
    if (obj === null || typeof obj !== 'object') {
        return obj;
    }
    if (obj instanceof Date) {
        return new Date(obj);
    }
    if (obj instanceof RegExp) {
        return new RegExp(obj);
    }
    if (obj instanceof Array) {
        const arrCopy = [];
        for (let i = 0; i < obj.length; i++) {
            arrCopy[i] = deepClone(obj[i]);
        }
        return arrCopy;
    }
    if (obj instanceof Map) {
        const mapCopy = new Map();
        obj.forEach((value, key) => {
            mapCopy.set(key, deepClone(value));
        });
        return mapCopy;
    }
    if (obj instanceof Set) {
        const setCopy = new Set();
        obj.forEach((value) => {
            setCopy.add(deepClone(value));
        });
        return setCopy;
    }
    if (obj instanceof Object) {
        const objCopy = {};
        for (const key in obj) {
            if (obj.hasOwnProperty(key)) {
                objCopy[key] = deepClone(obj[key]);
            }
        }
        return objCopy;
    }
    throw new Error('Unsupported data type');
}
const obj = {
    a: 1,
    b: { c: 2 },
    d: [3, 4, 5],
    e: new Date(),
    f: new RegExp(/test/i),
    g: new Map([['key1', 'value1']]),
    h: new Set([1, 2, 3])
};
const copy = deepClone(obj);
console.log(copy);

3、项目团队管理系统

在涉及项目团队管理系统的场景中，深拷贝对象可能用于保存项目的快照或备份数据。推荐使用研发项目管理系统PingCode和通用项目协作软件Worktile来提高团队协作效率和项目管理能力。

PingCode提供全面的研发项目管理功能，包括任务管理、需求跟踪、缺陷管理等，适合开发团队使用。Worktile则是一款通用的项目协作软件，支持任务分配、进度跟踪、文档管理等功能，适用于各种类型的团队协作。

四、总结

将对象复制是JavaScript编程中的常见需求，不同的方法适用于不同的场景。浅拷贝方法如Object.assign()和扩展运算符适用于简单对象的复制，而深拷贝方法如JSON.parse(JSON.stringify())、递归拷贝和Lodash的_.cloneDeep则适用于复杂对象的复制。实际应用中需要考虑性能、特殊数据类型的处理以及项目管理工具的选择，以确保代码的高效和可靠。

通过上述方法，我们可以灵活应对各种对象复制需求，提高代码的可维护性和稳定性。