¿Cómo eliminar y añadir propiedades de los objetos en JavaScript?

En este capítulo te voy a enseñar a eliminar las propiedades y los métodos de un objeto. También te muestro como almacenar sus valores en variables por si no lo habías pensado.

¿Cómo eliminar propiedades y métodos de los objetos de JavaScript?

La forma de eliminar una propiedad o un método de un objeto es muy sencilla. Tenemos que utilizar un nuevo operador, delete. Proveniente del inglés que significa eliminar.

Palabra del lenguaje nº 50 encontrada.
delete es un operador que elimina una propiedad o método de un objeto.

let usuario = {
	// Propiedades.
	nombre_completo: ['Enrique', 'Barros', 'Fernández'],
	edad: 30,
	telefono: '0467489304',
	pais_residencia: 'Australia',
	idiomas: ['Español', 'Catalán', 'Inglés', 'Portugués', 'Italiano'],

	// Métodos.
	saludar: function() {
		alert('Hola, ' + this.nombre_completo[0] + '.');
	}
};

delete usuario.idiomas;
delete usuario.saludar;

console.log(usuario);

En la línea 15 elimino una propiedad.
En la línea 16 un método.

{
	edad: 30,
	nombre_completo: ["Enrique", "Barros", "Fernández"],
	pais_residencia: "Australia",
	telefono: "0467489304"
}

¿Cómo almacenar valores de propiedades y de métodos en variables?

Vamos a ver como almacenar el valor de una propiedad de un objeto en una variable, así, podremos reutilizar ese valor sin depender del propio objeto.

Como ejemplo, vamos a reutilizar el código del capítulo 35, el del condicional if.

let usuario = {
	nombre_completo: ['Enrique', 'Barros', 'Fernández'],
	edad: 30,
	telefonos : {
		telefono1: '0467489304',
		telefono2: '0446395860'
		},
	pais_residencia: 'Australia',
	idiomas: ['Español', 'Catalán', 'Inglés', 'Portugués', 'Italiano'],
};

let edad_usuario = usuario.edad;

usuario.edad = 27;

if (usuario.edad != 30) {
	console.log('Se ha modificado la edad de ' + usuario.nombre_completo[0] + '.');
	console.log('El nuevo valor de edad es ahora ' + usuario.edad + '.');
	console.log('El valor de edad anterior era ' + edad_usuario + '.');
}

Gracias a poder almacenar los valores de propiedades de objetos en variables, puedo guardar valores que podrían cambiar en el objeto más adelante. En este caso, he podido guardar el valor de edad anterior para que el if pueda decirme el valor antiguo y el nuevo.

"Se ha modificado la edad de Enrique."
"El nuevo valor de edad es ahora 27."
"El valor de edad anterior era 30."

Ejercicios de JavaScript

78. ¿Cómo eliminarías la posición 2 de un array en el objeto usuario de este capítulo?

La solución la encontrarás aquí: Soluciones de ejercicios de JavaScript.