Tutoriales Interactivos
BlogIniciar sesiónComenzar gratis
Inicio›Blog›JavaScript›Objetos en JavaScript: qué son y cómo crearlos

Objetos en JavaScript: qué son y cómo crearlos

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 →
Desafío Latam
+56 9 5117 7975
+52 1 55 4047 7251
[email protected]

Carreras

  • Full Stack JavaScript
  • Diseño UX/UI
  • Data Science
  • Data Analytics

Comunidad

  • Blog
  • Becas
  • Trabaja con Nosotros
  • Políticas de Calidad

Síguenos

© 2026 Desafío Latam. Todos los derechos reservados.