Arrays

Los arrays son una de las estructuras de datos más versátiles y fundamentales en JavaScript. Se utilizan para almacenar múltiples valores en una sola variable, lo que permite trabajar con listas de elementos de manera eficiente. A lo largo de este artículo, exploraremos algunos de los métodos más útiles para manipular arrays, así como las diferentes formas de iterar sobre ellos.

Métodos de Arrays

Los métodos de arrays en JavaScript permiten agregar, eliminar y transformar los elementos en un array. A continuación, se explican algunos de los métodos más comunes:

push()

El método push() añade uno o más elementos al final de un array y devuelve la nueva longitud del array. Es útil cuando se necesita expandir el contenido de un array sin modificar los elementos existentes.

const numeros = [1, 2, 3];
numeros.push(4); // [1, 2, 3, 4]

pop()

El método pop() elimina el último elemento de un array y lo devuelve. Si el array está vacío, devuelve undefined. Este método es útil cuando se necesita eliminar el último elemento y obtener su valor.

const frutas = ['manzana', 'plátano', 'cereza'];
const ultimaFruta = frutas.pop(); // 'cereza'

shift()

shift() elimina el primer elemento de un array y devuelve dicho elemento. A diferencia de pop(), este método afecta al inicio del array.

const animales = ['gato', 'perro', 'loro'];
const primerAnimal = animales.shift(); // 'gato'

unshift()

El método unshift() agrega uno o más elementos al principio de un array y devuelve la nueva longitud del array.

const colores = ['rojo', 'verde'];
colores.unshift('azul'); // ['azul', 'rojo', 'verde']

map()

El método map() crea un nuevo array con los resultados de aplicar una función a cada elemento del array original. No modifica el array original.

const numeros = [1, 2, 3];
const duplicados = numeros.map(num => num * 2); // [2, 4, 6]

filter()

El método filter() crea un nuevo array con todos los elementos que cumplan con la condición especificada en la función que se pasa como argumento.

const edades = [18, 21, 17, 30];
const mayoresDeEdad = edades.filter(edad => edad >= 18); // [18, 21, 30]

reduce()

reduce() ejecuta una función reductora sobre cada elemento de un array, devolviendo un solo valor. Este método es útil para sumar valores o acumular resultados.

const numeros = [1, 2, 3, 4];
const suma = numeros.reduce((acumulador, valorActual) => acumulador + valorActual, 0); // 10

Iteración sobre Arrays

Existen varias formas de iterar sobre arrays en JavaScript, desde estructuras clásicas como el bucle for, hasta métodos más modernos como forEach() y map().

for

El bucle for es una forma tradicional de recorrer los elementos de un array. Ofrece un control total sobre el índice de iteración y es útil cuando se necesita manipular el índice.

const nombres = ['Ana', 'Luis', 'Marta'];
for (let i = 0; i < nombres.length; i++) {
  console.log(nombres[i]);
}

forEach()

El método forEach() ejecuta una función para cada elemento del array, pero a diferencia de map(), no devuelve un nuevo array.

const frutas = ['manzana', 'plátano', 'cereza'];
frutas.forEach(fruta => console.log(fruta));

map()

Como se mencionó anteriormente, map() no solo permite iterar sobre un array, sino que también devuelve un nuevo array con los resultados de aplicar una función a cada elemento.

const numeros = [1, 2, 3];
const cuadrados = numeros.map(num => num ** 2); // [1, 4, 9]

Este esquema cubre las operaciones más comunes que puedes realizar sobre arrays, ofreciendo tanto métodos para manipulación directa como opciones para iteración.