Estoy tratando de eliminar una clave conocida de un objeto Javascript. He creado una pequeña reproducción aquí, y el resultado es el mismo en comparación con un objeto mucho más grande. Estoy asignando un objeto a una nueva variable y quiero eliminar la clave de la nueva variable sin cambiar la variable original, pero eso no funciona.
La clave original también se está eliminando, lo cual no es correcto, ¿qué debo cambiar para evitar esto?
const person = { name: 'john', age: 50 } const newPerson = person delete newPerson.name console.log(person) <-- contains only name, I expect name and age since I'm only deleting from newly created newPerson variableEn su ejemplo, está asignando const newPerson = person;
¿Qué hará esto?
Esto creará una nueva variable con el nombre newPerson apuntando a la ubicación de memoria de la variable person . Esto se llama copia superficial .
Si no desea compartir la dirección de memoria, sino una variable independiente con una dirección de memoria diferente, debe realizar Deep Copy .
Puede realizar esto con n número de maneras. El operador Spread es una herramienta útil para realizar Deep Copy para objetos.
No solo Spread Operator, Object.assign({}, data) , JSON.parse(JSON.stringigy(data)) también realizará la misma acción.
Copia profunda frente a copia superficial
En programación, almacenamos valores en variables. Hacer una copia significa que inicia una nueva variable con los mismos valores. Sin embargo, existe una gran trampa potencial a considerar: copia profunda versus copia superficial. Una copia profunda significa que todos los valores de la nueva variable se copian y desconectan de la variable original. Una copia superficial significa que ciertos (sub)valores todavía están conectados a la variable original.
const person = { name: 'john', age: 50 } const newPerson = { ...person }; delete newPerson.name; console.log(person);