JavaScript de Cero a Experto / Objetos
Objetos: agrupar datos que van juntos
En el módulo pasado, un gasto era solo un número: 18000. Pero un gasto real
tiene nombre, valor, categoría, fecha... datos distintos que pertenecen a UNA
misma cosa. Los objetos son la estructura para agruparlos, y junto con los
arrays forman la pareja con la que se modela TODO en JavaScript.
La ficha de datos
Tu primer objeto
Un objeto se escribe entre llaves, con pares clave: valor separados por
comas. Los valores pueden ser de cualquier tipo: strings, números, booleanos,
arrays... incluso otros objetos. Y aunque el objeto sea const, sus
propiedades SÍ se pueden modificar, agregar o borrar — igual que viste con
los arrays: const protege la variable, no el contenido.
Punto vs corchetes: cuándo importa
Con el punto, el nombre de la propiedad va escrito TAL CUAL en el código. Con corchetes, lo que va adentro es una EXPRESIÓN — y ahí está el superpoder: puede ser una variable.
Regla práctica: usa el punto siempre que sepas el nombre de la propiedad al escribir el código (el 90% de las veces); usa corchetes cuando el nombre llega en una variable, o cuando la clave tiene caracteres raros (espacios, guiones) que el punto no acepta.
Tienes const producto = { precio: 5000 } y una variable const llave = 'precio'. ¿Qué imprime console.log(producto.llave)?
Recorrer un objeto
Object.keys te da las claves como array, y Object.values los valores —
con eso puedes aplicar todo lo que ya sabes de arrays a cualquier objeto:
Mini-reto
En "Mi Bolsillo": crea un objeto titular con nombre, ciudad y saldo.
Agrégale después una propiedad celular, modifica el saldo, y recórrelo
con Object.keys + for...of imprimiendo cada clave → valor. Remate:
guarda "ciudad" en una variable y lee la propiedad usando corchetes.
Qué sigue
Tu objeto ya guarda datos, pero un bolsillo de verdad también HACE cosas:
gastar, recargar, consultar. La próxima lección les da acciones a los
objetos: los métodos y la palabra this — y con ellos cumplimos la promesa
del módulo 3: un bolsillo con varias operaciones viviendo juntas.