JavaScript复制一个对象

在 JavaScript 中，如果直接将一个对象赋值给另一个变量，那么实际上赋值的是该对象的引用（即指向该对象的内存地址），而不是将该对象复制一份赋值给另一个变量。这意味着如果修改其中一个变量的属性，另一个变量的属性也会被修改。解决这个问题的方法是实现对象的复制，可以使用以下方式实现：

1、使用扩展运算符：

ES6 的扩展运算符 (…) 可以将一个对象展开成多个单独的属性，因此可以用来快速实现对象的复制。

let obj1 = {
    
     a: 1, b: 2 };
let obj2 = {
    
     ...obj1 };
console.log(obj2)  // { a: 1, b: 2 }

2、使用Object.assign方法：

Object.assign() 方法用于将源对象的所有可枚举属性复制到目标对象中（可以复制多个源对象），并返回目标对象。我们可以将一个空对象作为目标对象进行传递以实现对象的复制。

let obj1 = {
    
     a: 1, b: 2 };
let obj2 = Object.assign({
    
    }, obj1);
console.log(obj2)  // { a: 1, b: 2 }

3、利用 JSON 的序列化与反序列化

使用JSON.parse和JSON.stringify方法可以将对象转换为JSON字符串，然后再将JSON字符串转换回对象，实现对象的复制。

let obj1 = {
    
     a: 1, b: 2 };
let obj2 = JSON.parse(JSON.stringify(obj1));
console.log(obj2)  // { a: 1, b: 2 }