Un array te permite guardar una lista de valores. Pero ¿cómo guardas información sobre una persona: su nombre, edad, correo y ciudad, todos juntos? Para eso existen los objetos.
¿Qué es un objeto?
Un objeto es una colección de pares clave: valor. Cada clave es el nombre de una propiedad, y cada valor es el dato asociado a esa propiedad. Se escribe con llaves {}:
const persona = {
nombre: 'Ana',
edad: 28,
ciudad: 'Santiago'
};
Acceder a las propiedades
Hay dos formas de acceder a una propiedad:
// Notación de punto (la más común)
console.log(persona.nombre); // Ana
console.log(persona.edad); // 28
// Notación de corchetes (útil cuando la clave es dinámica)
console.log(persona['ciudad']); // Santiago
Modificar y agregar propiedades
persona.edad = 29; // modificar
persona.profesion = 'Ingeniera'; // agregar nueva propiedad
console.log(persona.edad); // 29
console.log(persona.profesion); // Ingeniera
Ejemplo 1: objeto de producto
const producto = {
nombre: 'Laptop',
precio: 850000,
disponible: true,
categoria: 'Tecnología'
};
if (producto.disponible) {
console.log(`${producto.nombre} cuesta $${producto.precio}`);
}
// Laptop cuesta $850000
Ejemplo 2: array de objetos
El patrón más común: una lista de objetos del mismo tipo.
const empleados = [
{ nombre: 'Ana', salario: 3000 },
{ nombre: 'Carlos', salario: 2800 },
{ nombre: 'María', salario: 4500 },
];
empleados.forEach(emp => {
console.log(`${emp.nombre}: $${emp.salario}`);
});
// Ana: $3000
// Carlos: $2800
// María: $4500
Ejemplo 3: objetos con métodos
Un objeto puede tener funciones como propiedades — se llaman métodos:
const calculadora = {
sumar: (a, b) => a + b,
restar: (a, b) => a - b,
};
console.log(calculadora.sumar(10, 5)); // 15
console.log(calculadora.restar(10, 5)); // 5
Desestructuración: extraer propiedades fácilmente
const { nombre, edad } = persona;
console.log(nombre); // Ana
console.log(edad); // 29
La desestructuración crea variables a partir de las propiedades del objeto — muy útil cuando trabajas con funciones que reciben objetos como parámetros.
Errores frecuentes
Acceder a una propiedad que no existe: Devuelve undefined, no un error. Si luego intentas usar ese undefined como objeto, ahí sí obtendrás un error.
Confundir objetos con arrays: Los arrays se acceden por índice numérico. Los objetos se acceden por nombre de clave. Son estructuras distintas con usos distintos.
Olvidar las comas entre propiedades: Cada par clave: valor se separa con coma. Olvidar una coma genera un error de sintaxis.
Aprende haciendo, no solo leyendo
Leer es el primer paso. El verdadero aprendizaje ocurre cuando practicas con ejercicios reales de JavaScript y recibes corrección inmediata de IA.
Comenzar gratis →