【Js篇】JS复制一个对象

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

1、利用 Object.assign() 方法

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

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

2、利用 ES6 的扩展运算符

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

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

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

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

JSON.stringify() 方法用于将一个 JavaScript 对象转换为一个 JSON 字符串，而 JSON.parse() 方法用于将一个 JSON 字符串转换为一个 JavaScript 对象。因此，可以将一个对象先序列化成一个 JSON 字符串，再反序列化成一个新的 JavaScript 对象，从而实现对象的复制。需要注意的是，该方式无法实现复制对象中的函数属性，因为函数属性会被序列化成字符串，而在反序列化过程中又无法还原成函数