Arrays

Imagina que estás escribiendo una lista de compras o guardando las mejores puntuaciones de un juego.

En lugar de escribir cada elemento en una variable separada, puedes agrupar valores relacionados en una sola lista. En JavaScript, esa lista se llama array.

Qué es un array

Un array es un contenedor especial que guarda varios valores dentro de una sola variable.

En lugar de guardar solo una pieza de información, como un número o una palabra, un array puede guardar una lista de valores relacionados en un solo lugar.

Por qué los arrays son útiles

Imagina que quieres guardar tus colores favoritos.

Podrías crear variables separadas como color1, color2 y color3. Eso podría funcionar para tres colores, pero se vuelve desordenado si necesitas guardar muchos más.

Los arrays mantienen los datos relacionados organizados bajo un solo nombre de variable.

Primer ejemplo de código

Así se crea un array simple en JavaScript.

const favoriteFoods = ["pizza", "tacos", "sushi", "burgers"];

console.log(favoriteFoods);

Explicación del código

Veamos cómo construimos la lista de arriba:

• Los arrays usan corchetes [].
• Cada elemento dentro del array se separa con una coma.
• La lista completa se guarda en una variable llamada favoriteFoods.
• console.log(favoriteFoods) envía el array completo a la sección de salida después de hacer clic en Ejecutar.

Leer un elemento de un array

A menudo no necesitas toda la lista de una vez. Puede que quieras leer un elemento específico.

Cada elemento en un array tiene una posición numerada llamada índice.

Los índices de los arrays en JavaScript empiezan en 0. Eso significa:

• El primer elemento está en el índice 0.
• El segundo elemento está en el índice 1.
• El tercer elemento está en el índice 2.

Para leer un elemento, escribe el nombre del array seguido de corchetes con el número del índice.

const colors = ["red", "blue", "green"];

console.log(colors[0]); // Esto imprime "red"

Puedes averiguar cuántos elementos hay en un array con .length.

const colors = ["red", "blue", "green"];

console.log(colors.length);

Esto envía 3 a la sección de salida porque el array tiene tres elementos.

Mini tarea

Mira el bloque de código colors de arriba.

Cambia el número del índice dentro de console.log(colors[0]) para que imprima "blue" en la sección de salida.

Quiz corto

Pregunta: Si tienes un array de mejores puntuaciones, ¿qué número de índice usarías para acceder a la cuarta puntuación de la lista?

Respuesta: Usarías el índice 3.

Como los índices de los arrays empiezan en 0, el cuarto elemento está en el índice 3.

Pequeño desafío

Crea un array que guarde tres de tus números favoritos.

Luego usa console.log() para leer e imprimir solo el segundo número de tu array.

// escribe tu código abajo

console.log()

Resumen

• Un array es una lista de varios valores guardados en una variable.
• Los arrays usan corchetes [].
• Los elementos dentro de un array se separan con comas.
• Los índices de los arrays empiezan en 0.
• .length te dice cuántos elementos hay dentro de un array.