在JavaScript中克隆一个对象的解耦版本

Question

我试图克隆和对象，然后对原始对象进行更改并做一些测试包装测试失败恢复克隆回来。

目前我已经试过_.clone（下划线），angular.extend，angular.merge，angular.copy，Object.create，Object.assign，JSON.parse(JSON.stringify(o))，但不知何故，我在原来的对象改变被反射回克隆。

Answer 1

您可以使用Object.assign在vanilla JavaScript中浅拷贝对象。

// Shallow copy an object in vanilla JS 
 
let oldObj = { 
 
    name: 'Joe', 
 
    favColor: 'Green', 
 
} 
 

 
// Shallow copy oldObj to the newObj using assign 
 
var newObj = Object.assign({}, oldObj); 
 

 
// Changes made to the new object are not reflected in the new object 
 
newObj.favFood = 'pizza'; 
 
console.log(oldObj.favFood); // undefined

要执行 “深拷贝”，你可以使用JSON.parse(JSON.stringify(a))。

let oldObj = { 
 
    name: 'Joe', 
 
    favColor: 'Green', 
 
    favPizza: { 
 
    cheese: true, 
 
    pepperoni: false, 
 
    }, 
 
}; 
 

 
// Deep copy an object using JSON.parse(JSON.stringify(a)) 
 
let newObj = JSON.parse(JSON.stringify(oldObj)); 
 

 
// Changes made to the new object are not reflected in the new object 
 
newObj.favPizza.sausage = true; 
 
console.log(oldObj.favPizza.sausage); //undefined

参考：

• Object.assign() - MDN