CodeForge

JavaScript de Cero a Experto / Arrays

Arrays: listas de datos

Teoría20 min20 XP

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.