Busqué en los documentos de js y mientras estudiaba el documento que mencionaba en object.assign() Si el valor de origen es una referencia a un objeto, solo copia el valor de referencia.
En mi fragmento a continuación, uno altera el objeto original y el otro no
var objA = { a: 1, b: { c: 2, d: { e: 3, }, }, } var objC = { t: 1 }; //why this works ie adds a to objEmpty // var objEmpty = Object.assign({}, { objC }); //this would add a prop to the objEmpty object //this doesnt work ie doesnt add a to objEmpty var objEmpty = Object.assign({}, objC); //this will not objC.a = 3; console.log(objC); console.log(objEmpty);Me estoy dando cuenta de cómo funcionan realmente las cosas probando diferentes escenarios y creo que es algo relacionado con la referencia, pero ¿cómo?
Otro ejemplo de los documentos
const obj2 = Object.assign({}, obj1); console.log(JSON.stringify(obj2)); // { "a": 0, "b": { "c": 0}} obj1.a = 1; console.log(JSON.stringify(obj1)); // { "a": 1, "b": { "c": 0}} console.log(JSON.stringify(obj2)); // { "a": 0, "b": { "c": 0}} obj2.a = 2; console.log(JSON.stringify(obj1)); // { "a": 1, "b": { "c": 0}} console.log(JSON.stringify(obj2)); // { "a": 2, "b": { "c": 0}} obj2.bc = 3; console.log(JSON.stringify(obj1)); // { "a": 1, "b": { "c": 3}} console.log(JSON.stringify(obj2)); // { "a": 2, "b": { "c": 3}}``` why does js behave this way? why the 3 got changed but the other didn't? Thanks in advance :)¿Por qué js se comporta de esta manera? ¿Por qué se cambiaron los 3 y el otro no?
Debido a que Object.assign() en realidad hace una copia superficial , debe hacer una copia profunda
Hay muchas formas. La forma más común y popular es usar JSON.stringify() con JSON.parse() .
const oldObj = {a: {b: 1}, c: 2}; const newObj = JSON.parse(JSON.stringify(oldObj)); oldObj.ab = 3; // will not affect the newObj console.log('oldObj', oldObj); console.log('newObj', newObj); Nota: Hay un nuevo estándar JS llamado structured cloning . Funciona en todos los navegadores:
El método crea un clon profundo de un valor dado utilizando el algoritmo de clonación estructurada.
const clone = structuredClone(object);