Veamos cada uno de estos métodos en este tutorial.

Eliminar una propiedad de un objeto JS con el operador Eliminar

delete es una instrucción de JavaScript que nos permite eliminar una propiedad de un objeto de JavaScript. Hay un par de maneras de usarlo:

  • delete object.property;
  • delete object[‘property’];

El operador elimina la propiedad correspondiente del objeto.

let blog = {name: 'Wisdom Geek', author: 'Saransh Kataria'};
const propToBeDeleted = 'author';
delete blog[propToBeDeleted];
console.log(blog); // {name: 'Wisdom Geek'}

La operación de eliminación modifica el objeto original. Esto significa que es una operación mutable.

Eliminar una propiedad de un objeto JS con la desestructuración de objetos

Usando la reestructuración de objetos y la sintaxis de descanso, podemos deconstruir el objeto con la propiedad para eliminar y crear una nueva copia del mismo.

Después de la desestructuración, se crea una nueva copia del objeto y se asigna a una nueva variable sin la propiedad que hemos elegido eliminar.

const { property, ...remainingObject } = object;

Por ejemplo:

let blog = {name: 'Wisdom Geek', author: 'Saransh Kataria'};
const { author, ...blogRest } = blog;
console.log(blogRest) // {name: 'Wisdom Geek'};
console.log(blog); // {name: 'Wisdom Geek', author: 'Saransh Kataria'}

Si queremos hacerlo dinámicamente, podemos hacerlo:

const name="propertToBeRemoved";
const { [name]: removedProperty, ...remainingObject } = object;

También es posible eliminar varias propiedades utilizando la misma sintaxis.

Terminando

Y estas son las dos formas de eliminar una propiedad de un objeto de JavaScript. Si tiene alguna pregunta, no dude en ponerse en contacto conmigo!