Modificando objetos

javascript objetos

3 Minutos

1 mar 2025

Analogía

Imagina que tienes un perfil en una red social.

Este perfil contiene información sobre ti, como tu nombre de usuario, edad y ubicación. Y habrá ocasiones donde necesites actualizar esta información.

Los objetos en JavaScript funcionan de manera similar.

🔄 Modificando datos existentes

Hay dos formas principales de modificar los datos de un objeto, así como tienes dos formas de referirte a las características de algo:

🔸 Usando la notación punto (`.`)

let tarjeta = {
  nombre: "Ana",
  edad: 25,
  ciudad: "Madrid",
};

// Actualizamos la edad de Ana
tarjeta.edad = 26;

console.log(tarjeta);

{ nombre: "Ana", edad: 26, ciudad: "Madrid" }

🔹 Usando la notación de corchetes (`[]`)

A veces necesitamos usar palabras con espacios o caracteres especiales, como “fecha de nacimiento”.

En estos casos usamos corchetes, como si fuera un diccionario donde buscamos una palabra específica.

let estudiante = {
  "nombre completo": "María López",
  "número de lista": 7,
};

estudiante["número de lista"] = 12;

console.log(estudiante);

{ "nombre completo": "María López", "número de lista": 12 }

➕ Agregando nuevos datos

También podemos agregar nueva información a nuestro objeto, como cuando agregas un nuevo sticker a tu tarjeta de identificación:

let perfil = {
  usuario: "gamer123",
  nivel: 5,
};

// Agregamos una nueva propiedad
perfil.puntos = 1000;

console.log(perfil);

{
  usuario: "gamer123",
  nivel: 5,
  puntos: 1000
}

❌ Eliminando propiedades

Para eliminar una propiedad de un objeto usamos el operador delete:

let usuario = {
  nombre: "Carlos",
  edad: 30,
};
delete usuario.edad;

console.log(usuario);

{ nombre: "Carlos" }