DevPath · Aprende a programar ESPTEN

Objetos

Literales de objeto y acceso a propiedades

¿Qué es un objeto?

Piensa en la ficha de un usuario: tiene nombre, email y edad. O en un producto: precio, stock, categoría. Cada uno es un puñado de datos que solo tienen sentido juntos. Pues eso, exactamente, es un objeto.

Un objeto agrupa datos relacionados en pares clave: valor. Si un array era una fila numerada, un objeto es la ficha con etiquetas:

const persona = {
  nombre: "Ana",
  edad: 30,
  activo: true,
};

Cada par (nombre: "Ana") es una propiedad: la clave es la etiqueta y el valor, su contenido. Y a esa ficha le puedes preguntar lo que quieras.

Acceso con punto

La forma más habitual:

console.log(persona.nombre); // "Ana"
console.log(persona.edad);   // 30

Acceso con corchetes

Útil cuando la clave está guardada en una variable o tiene caracteres especiales (espacios, guiones) que el punto no admite:

const clave = "edad";
console.log(persona[clave]);    // 30
console.log(persona["nombre"]); // "Ana"

Añadir y modificar propiedades

persona.email = "ana@mail.com"; // añade
persona.edad = 31;              // modifica
delete persona.activo;          // elimina

⚠️ Trampa clásica: si pides una propiedad que no existe, JavaScript no se queja: simplemente te devuelve undefined. Nada de errores en rojo, así que revisa bien cómo escribes la clave.

Ejemplos

La ficha de un libro: crearla y leerla

const libro = {
  titulo: "Rayuela",
  autor: "Cortázar",
  paginas: 600,
};
console.log(libro.titulo);   // "Rayuela"
console.log(libro["autor"]); // "Cortázar"
Pon esto en práctica

DevPath es un curso práctico: aquí lees la teoría; en la app la pones en práctica con ejercicios que se ejecutan de verdad, sin conexión.

Empezar gratis en la app →
Métodos y this →