Arreglos

Los arreglos (o Array) son una forma de guardar varios datos juntos en una misma variable.

Analogía

Podemos imaginarlos como los casilleros que encontramos en una tienda de autoservicio. Guardan nuestras pertenencias y nos dan un número para recogerlas.

En programación, los arreglos funcionan de manera similar: nos permiten guardar múltiples datos en una sola estructura.

🔲 Un arreglo vacío

Para crear un arreglo vacío, simplemente usamos corchetes []:

const miArregloVacio = [];

Por ahora, no contiene ningún dato, pero está listo para que guardemos información en él. Es como tener una caja de almacenamiento vacía esperando a ser llenada.

📋 Un arreglo con valores iniciales

También podemos crearlo con datos desde el principio:

const miColeccionDeLetras = ["A", "B", "C"];

Aquí hemos creado un arreglo con tres elementos.

Cada elemento del arreglo tiene asignado un número al cual llamamos índice (index).

🔎 Accediendo a los elementos de un arreglo

Para acceder a un dato dentro del arreglo, usamos la notación de corchetes ([]) indicando el número de casillero que queremos.

Para acceder al primer elemento guardado podemos usar la siguiente notación:

console.log(miColeccionDeLetras[0]);

A

En este caso 0 es el lugar o la posición del primer elemento.

Si queremos acceder al siguiente elemento podemos usar 1 y así sucesivamente…

console.log(miColeccionDeLetras[1]);

B

Se vería algo así

📏 Contando elementos en un arreglo

Todos los arreglos tienen una característica que nos permite saber cuántos elementos hay dentro de ellos.

Para acceder a ella debemos usar la notación punto (.) seguida del nombre de esta propiedad: length.

Veamos un ejemplo con una lista de frutas:

let frutas = ["Manzana", "Banana", "Naranja", "Uva"];

console.log(frutas.length);

4

Esto significa que el arreglo frutas tiene 4 elementos.

🔄 Recorriendo un arreglo

Cuando trabajamos con arreglos, a menudo necesitamos acceder a cada uno de sus elementos.

Podemos hacerlo usando un ciclo for:

const colores = ["rojo", "verde", "azul", "amarillo"];

for (let i = 0; i < colores.length; i++) {
  console.log(`Color ${i + 1}: ${colores[i]}`);
}

Color 1: rojo
Color 2: verde
Color 3: azul
Color 4: amarillo

Este patrón es muy común en programación y nos permite procesar cada elemento del arreglo uno por uno.

Comentarios