Teoría: Sintaxis

Cuando desarrollamos software, no solo trabajamos con números o textos sueltos. Muchas veces necesitamos representar algo más complejo: una persona, un producto, una publicación. Ahí es donde entran los objetos, una herramienta poderosa de JavaScript para organizar datos relacionados.

¿Qué es un objeto?

Un objeto en JavaScript es una entidad que reúne datos relacionados bajo un mismo nombre. 👤 Por ejemplo, si queremos modelar a una persona con su nombre, edad y estado civil, podríamos hacerlo así:

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

Otro ejemplo sería un rectángulo con su ancho y alto:

const rectangle = { 
  width: 10, 
  height: 5 
};

Reglas importantes sobre los objetos

❗ Las claves dentro de un objeto son únicas. No puedes tener dos claves con el mismo nombre.

❗ Los valores pueden ser de cualquier tipo: números, cadenas, booleanos, arrays ¡o incluso otros objetos!

❗ No es obligatorio agregar una coma después de la última propiedad, pero es una buena práctica hacerlo.

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

Usar una coma final ayuda a evitar errores al agregar o eliminar propiedades más adelante. Los linters, herramientas que analizan el código en busca de errores, recomiendan esta práctica (más información aquí).

Acceder a las propiedades de un objeto

Hay dos formas de obtener el valor de una propiedad: utilizando el punto (.) o los corchetes ([]).

1️⃣ Notación de punto

La forma más común y fácil es con el punto:

console.log(user.name); // 'Miguel'
console.log(rectangle.width); // 10

Si intentas acceder a una propiedad que no existe, JavaScript no arroja un error, sino que devuelve undefined:

console.log(user.nme); // undefined (porque "nme" no está definido)
console.log(user.name); // 'Miguel'

2️⃣ Notación con corchetes

También puedes acceder a las propiedades utilizando corchetes []. Esto funciona de manera similar a los arrays:

console.log(user['name']); // 'Miguel'
console.log(rectangle['width']); // 10
console.log(user['company']); // undefined (porque "company" no existe en el objeto)

Pero, ¿por qué usar esta notación si ya tenemos el punto? Porque nos permite acceder a propiedades de manera dinámica.

Acceso dinámico con corchetes

En muchas ocasiones, el nombre de la propiedad que queremos consultar puede cambiar en tiempo de ejecución. Con la notación de punto, esto no sería posible, pero con los corchetes sí:

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

let propertyName = 'name';
console.log(user[propertyName]); // 'Miguel'

propertyName = 'married';
console.log(user[propertyName]); // true

Aquí, la variable propertyName cambia y permite acceder a distintas propiedades del objeto. Más adelante, aprenderemos cómo esta técnica se usa en algoritmos y en manipulación de datos.

¿Y si usamos const?

Es común que declaremos objetos con const. Podrías pensar que esto los hace inmutables, pero no es así. const solo impide que reasignes la variable entera; el contenido del objeto sí puede cambiar.

const user = { name: 'María' };

user.name = 'Samuel'; // ✅ Podemos modificar la propiedad
user = { name: 'Mike' }; // ❌ Error: no se puede reasignar un objeto const

💡 Los objetos const permiten cambios internos, pero no se pueden reasignar a un nuevo objeto. Más adelante exploraremos esto con más ejemplos.

En las próximas lecciones, exploraremos más formas de trabajar con objetos, agregando y modificando propiedades ¡y mucho más!