js拷贝一个对象怎么操作

在JavaScript中，拷贝一个对象是一项常见的操作，对象拷贝可以分为浅拷贝和深拷贝两种类型，具体选择哪种方式取决于你的使用场景，下面将详细解释如何进行对象的拷贝操作。

浅拷贝（Shallow Copy）

浅拷贝会创建一个新对象，这个新对象有着原始对象属性值的一份精确复制，如果属性是基本类型（如数字、字符串、布尔值），那么拷贝的就是这些值，但如果属性是引用类型（如数组、对象、函数），则拷贝的是内存地址的引用，这意味着如果原始对象或拷贝对象中的引用类型属性发生改变，另一个也会受到影响。

使用Object.assign()方法进行浅拷贝：

let original = { a: 1, b: { c: 2 } };
let copy = Object.assign({}, original);

使用展开运算符（Spread Operator）进行浅拷贝：

let original = { a: 1, b: { c: 2 } };
let copy = { ...original };

深拷贝（Deep Copy）

与浅拷贝不同，深拷贝会递归地复制对象的所有层级，包括所有嵌套的对象，这意味着你会得到一个完全独立的副本，对原始对象或其嵌套对象的更改不会影响深拷贝的对象，反之亦然。

使用JSON方法进行深拷贝：

let original = { a: 1, b: { c: 2 } };
let copy = JSON.parse(JSON.stringify(original));

这种方法简单易用，但有一些限制：

它不能正确拷贝函数、undefined、symbols以及循环引用的对象。

它拷贝的是对象的可枚举属性。

使用递归实现深拷贝：

function deepCopy(obj) {
    if (obj === null || typeof obj !== 'object') {
        return obj;
    }
    let copy = Array.isArray(obj) ? [] : {};
    for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
            copy[key] = deepCopy(obj[key]);
        }
    }
    return copy;
}
let original = { a: 1, b: { c: 2 } };
let copy = deepCopy(original);

此方法通过递归调用deepCopy函数来确保所有层级都被复制，它比JSON方法更健壮，可以处理函数、undefined等特殊情况。

使用第三方库（例如lodash）：

如果你不介意引入外部依赖，lodash库提供了一个cloneDeep方法，可以轻松实现深拷贝：

const _ = require('lodash');
let original = { a: 1, b: { c: 2 } };
let copy = _.cloneDeep(original);

结论

选择浅拷贝还是深拷贝取决于你对对象更改的需求，如果你打算修改拷贝后的对象的非嵌套属性而不影响到原始对象，或者不需要关心原始对象内部的复杂结构，则浅拷贝就足够了，如果你需要完全隔离原始对象和拷贝后的对象，特别是当它们有复杂的嵌套结构时，你应该使用深拷贝。

在进行对象拷贝时，请记住每种方法的优缺点，并根据你的特定需求选择最合适的方法。