JavaScript de Cero a Experto / Arrays
Arrays: listas de datos
Un dato suelto se queda corto para lo real: no quieres UN gasto, quieres TODOS tus gastos. Los ARRAYS son listas ordenadas de datos —el tipo de colección que usarás más que ningún otro—. Hoy aprendes a crearlos, acceder a cada elemento y medir su tamaño. La base de todo lo que sigue en este módulo, que es puro oro práctico.
El casillero numerado
Crear y acceder
Se crean con corchetes [ ] y accedes a cada elemento con array[índice].
Recuerda: el primer elemento es el índice 0, así que el cuarto es el
índice 3. Un índice que no existe devuelve undefined (no da error).
.length y el último elemento
.length te dice cuántos elementos hay. Como el índice empieza en 0, el
ÚLTIMO elemento está en length - 1 (un array de 4 tiene índices 0, 1, 2,
3). El método moderno .at(-1) toma el último directamente (y .at(-2) el
penúltimo) — más limpio que la resta. Y length === 0 es la forma correcta
de preguntar "¿está vacío?" (recuerda del módulo 2: un array vacío [] es
truthy, así que if (array) NO sirve para saber si tiene elementos).
Tienes const dias = ['Lun', 'Mar', 'Mié', 'Jue', 'Vie']. ¿Qué devuelve dias[2] y cuál es el índice del último elemento?
Mini-reto
En "Mi Bolsillo": crea un array gastos con cinco valores. Muestra el
primero (gastos[0]), el último (con .at(-1)), y cuántos hay
(.length). Luego calcula manualmente el índice del elemento del medio
(Math.floor(gastos.length / 2)) y muéstralo. Jugar con índices y .length
te da el control total sobre las listas antes de la magia que viene.
Qué sigue
Ya lees un array. La próxima lección te enseña a MODIFICARLO: agregar y
quitar elementos (push, pop, splice...) — el CRUD de las listas. Cómo
crece y se encoge tu colección de datos según lo que pase en el programa.