¿Qué son los Arrays en JavaScript?

Ya sabes guardar un texto, un número o un booleano en una variable. Pero ¿y si necesitas guardar veinte? ¿Creas veinte variables? Para eso existen los arrays: una sola variable que guarda una colección entera de valores.

Piensa en la lista de la compra. No llevas un papel por cada producto: llevas una única lista, con todo apuntado y en orden. Un array es justo eso.

Declaración y asignación de arrays#

Un array se escribe con corchetes [] y, dentro, los elementos separados por comas. Por ejemplo, los números del 1 al 5:

[1, 2, 3, 4, 5]

Dentro cabe cualquier tipo de dato. Incluso otro array, como el último elemento de este:

[1, 2, 3, 4, [5, 6, 7, 8, 9]]

¿Y mezclar tipos distintos? JavaScript no se queja, aunque no siempre sea recomendable:

['uno', 2, true, null, undefined]

Para no perder el array lo guardas en una variable, igual que harías con cualquier otro valor:

const numbers = [1, 2, 3, 4, 5]let names = ['Dani', 'Miguel', 'Maria']

Acceso a los elementos de un array#

Para sacar un elemento escribes el nombre del array y, entre corchetes, su índice: la posición que ocupa dentro de la colección. Fíjate bien en qué número devuelve cada línea:

const numbers = [1, 2, 3, 4, 5]console.log(numbers[0]) // -> 1console.log(numbers[2]) // -> 3

¿Y si pides una posición que no existe? No hay error: JavaScript te devuelve undefined.

const numbers = [1, 2, 3, 4, 5]console.log(numbers[10]) // -> undefined

El índice no tiene por qué ser un número escrito a mano. También puede salir de una variable:

const numbers = [1, 2, 3, 4, 5]let index = 2console.log(numbers[index]) // -> 3

Modificar elementos de un array

Los mismos corchetes que sirven para leer sirven para escribir. Asignas un valor a una posición y el elemento que había queda reemplazado:

const numbers = [1, 2, 3, 4, 5]numbers[0] = 10numbers[2] = 30console.log(numbers) // -> [10, 2, 30, 4, 5]

Repasemos todo lo que hemos visto con el mismo array: