Los arreglos son estructuras de datos utilizadas para almacenar y manipular colecciones de valores.

Creación de arreglos

• Los arreglos en JavaScript se crean utilizando corchetes [] y se conocen como literales de arreglo;
• Las comas separan los elementos dentro del arreglo.

// Array literal creation
const colors = ["red", "green", "blue"];
const numbers = [1, 2, 3, 4, 5];

// Arrays with different data types
const mixedArray = ["apple", 42, true, { name: "John" }];

Acceso a los elementos de un arreglo

• Los índices de los arreglos comienzan en 0, lo que significa que el primer elemento tiene un índice de 0, el segundo elemento tiene un índice de 1, y así sucesivamente;
• Se puede acceder a elementos específicos dentro de un arreglo utilizando corchetes con el índice del elemento.

const firstColor = colors[0]; // "red"
const secondNumber = numbers[1]; // 2

Modificación de elementos de un arreglo

Los elementos de un arreglo pueden modificarse accediendo a ellos mediante su índice y asignando un nuevo valor.

colors[1] = "yellow";
numbers[0] = 10;

Longitud del Array

La propiedad length de un array representa la cantidad de elementos que contiene. Se ajusta automáticamente cuando se agregan o eliminan elementos.

const colorsCount = colors.length; // 3
const numbersCount = numbers.length; // 5

Encontrar el Último Elemento

Para obtener el valor del último elemento en un array, se puede calcular su índice utilizando la longitud del array, que es array.length - 1.

const lastColor = colors[colors.length - 1];
const lastNumber = numbers[numbers.length - 1];

Bucle For

• El bucle for se utiliza para iterar sobre un array elemento por elemento;
• Utiliza una variable contador de bucle (por ejemplo, i) para acceder a cada elemento por índice;
• El bucle continúa mientras el contador sea menor que la longitud del array;
• Es una herramienta fundamental para la iteración de arrays.

for (let i = 0; i < numbers.length; i+=1) {
  console.log(numbers[i]);
}

Bucle For...of

• El bucle for...of es una forma más moderna y concisa de iterar sobre arreglos;
• Maneja automáticamente el contador del bucle y proporciona acceso directo al valor de cada elemento;
• Simplifica la iteración de arreglos, haciendo que el código sea más limpio y legible.

for (const color of colors) {
  console.log(color);
}