Teoría: Modificación

Cuando trabajamos con objetos en JavaScript, a menudo necesitamos agregar nuevas propiedades, modificar las existentes e incluso, en algunos casos, eliminarlas. En esta lección, exploraremos cómo realizar estas operaciones de forma sencilla y efectiva.

Modificar y agregar propiedades

Para cambiar el valor de una propiedad existente o agregar una nueva, simplemente usamos la asignación (=).

⏬ Veamos un ejemplo:

const user = { name: 'Miguel', married: true, age: 25 };

user.married = false;  // Modificamos una propiedad existente
user.surname = 'López'; // Agregamos una nueva propiedad

console.log(user);
// => { name: 'Miguel', married: false, age: 25, surname: 'López' }

Podemos hacer lo mismo usando la notación de corchetes ([]):

user['married'] = false;
user['surname'] = 'López';

Ambas formas son equivalentes. La notación de punto (user.propiedad) es más común cuando conocemos el nombre de la propiedad, mientras que la de corchetes es útil cuando el nombre de la propiedad se almacena en una variable.

Modificar texto almacenado en objetos

A veces necesitamos que el texto guardado en propiedades de objetos tenga un formato específico:

• Convertir todo a minúscula (toLowerCase)
• Capitalizar (primera letra mayúscula, resto minúscula)

const book = { title: 'cÓDiGO lIMpio', summary: 'UNA GUÍA PARA MEJORAR TU CÓDIGO' };

// Capitalizar la propiedad "title"
book.title = book.title[0].toUpperCase() + book.title.slice(1).toLowerCase();

// Convertir todo el resumen a minúscula
book.summary = book.summary.toLowerCase();

console.log(book);
// { title: 'Código limpio', summary: 'una guía para mejorar tu código' }

Creación progresiva de objetos

A veces no conocemos todas las propiedades de un objeto desde el principio. Podemos empezar con un objeto vacío {} y llenarlo gradualmente:

const course = {};

course.name = 'Códica - JS: Objetos';
course.description = 'El mejor curso del mundo, ¡no te lo pierdas, chicos!';

console.log(course);
// => { name: 'Códica - JS: Objetos', description: 'El mejor curso del mundo, ¡no te lo pierdas, chicos!' }

Eliminar propiedades

Si necesitamos eliminar una propiedad de un objeto, usamos el operador delete:

const user = { name: 'Miguel', wrongProp: 'bug' };

delete user.wrongProp; // Eliminamos la propiedad

console.log(user);
// => { name: 'Miguel' }