js浅拷贝和深拷贝的方法

在JavaScript中，对象的拷贝分为深拷贝和浅拷贝，浅拷贝只复制对象的第一层属性，而深拷贝会递归地复制对象的所有层级的属性，本回答将详细介绍如何进行对象的浅拷贝操作。

浅拷贝的基本概念

浅拷贝意味着创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝，如果原始对象的属性是基本类型（如数字、字符串、布尔值等），那么浅拷贝的就是这些值，但如果属性是引用类型（如数组、函数、对象等），则浅拷贝的是引用地址，也就是说，新对象和原对象会共享这部分数据。

浅拷贝的方法

1. 使用Object.assign()方法

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

let obj1 = { a: 1, b: 2, c: { d: 3 } };
let obj2 = Object.assign({}, obj1);
console.log(obj2); // 输出：{ a: 1, b: 2, c: { d: 3 } }

注意：Object.assign()实现的是浅拷贝，它只复制了第一层属性。

2. 使用扩展运算符（…）

扩展运算符可以用于合并对象，当它用于对象时，它会把一个对象的所有可枚举属性复制到一个新对象中。

let obj1 = { a: 1, b: 2, c: { d: 3 } };
let obj2 = { ...obj1 };
console.log(obj2); // 输出：{ a: 1, b: 2, c: { d: 3 } }

同样，这种方法也是浅拷贝。

3. 使用Array.prototype.slice()方法

这个方法通常用于数组，但也可用于对象，对于对象，它的行为类似于Object.assign()。

let obj1 = { a: 1, b: 2, c: { d: 3 } };
let obj2 = Array.prototype.slice.call(obj1);
console.log(obj2); // 输出：{ a: 1, b: 2, c: { d: 3 } }

4. 手动赋值

你可以通过遍历对象的属性并手动赋值来创建对象的浅拷贝。

let obj1 = { a: 1, b: 2, c: { d: 3 } };
let obj2 = {};
for (let key in obj1) {
    if (obj1.hasOwnProperty(key)) {
        obj2[key] = obj1[key];
    }
}
console.log(obj2); // 输出：{ a: 1, b: 2, c: { d: 3 } }

这种方法同样是浅拷贝。

注意事项

浅拷贝适用于只有一层结构的对象或者你不关心更深层次的修改时。

如果对象有嵌套结构并且你希望完全隔离原对象和新对象，你应该使用深拷贝。

结语

以上就是进行JavaScript对象浅拷贝的几种常见方法，根据不同的需求和场景，你可以选择最适合的方法来进行对象的拷贝，需要注意的是，浅拷贝只适用于对象的一层复制，如果对象包含复杂的嵌套结构，可能还需要深拷贝来确保数据的独立性。