Como eliminar y almacenar propiedades y métodos de los objetos - Curso de JavaScript de cero a máster - Capítulo 36

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.

Como 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.

Código JavaScript

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);

terminal Resultado en la consola terminal

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"
}

Como 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.

Código JavaScript

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 + '.');
}

terminal Resultado en la consola terminal

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

  1. ¿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í: Haz click aquí.


Capítulos


    Suscríbete a mi canal de YouTube para apoyarme

    Si te ha gustado este curso y crees que el trabajo merece la pena, te agradeceré eternamente que te suscribas a mi canal de YouTube para apoyarme y que pueda seguir haciendo cursos gratuitos.

    Además, si te encanta la programación, tienes un montón más de cursos gratuitos para ver.

    No solo eso, podrás participar enviándome comentarios con tus sugerencias para temas específicos o cursos completos o incluso las dudas que tengas y las intentaré ir resolviendo en los cursos que estén todavía abiertos.


    Comentarios

    Si te quedan dudas sobre el temario, sobre JavaScript, o cualquier otra cosa relacionada o simplemente quieres agradecer, aquí tienes tu sitio para dejar tu granito de arena. Gracias por tus comentarios y por darle vida a este sitio web.