¡Los métodos más importantes de los arrays en JavaScript! 🚀

Los arrays son una herramienta fundamental en JavaScript para almacenar y manipular conjuntos de datos. Conocer sus métodos más importantes te permitirá trabajar con ellos de forma eficiente y realizar tareas complejas de forma sencilla.

En este artículo, te presentaremos algunos de los métodos más utilizados, junto con ejemplos prácticos que te ayudarán a comprender su funcionamiento.

Map:

Este método permite recorrer un array y aplicar una función a cada uno de sus elementos, devolviendo un nuevo array con los resultados.

const numeros = [1, 2, 3, 4, 5];

const numerosDobles = numeros.map(numero => numero * 2);

console.log(numerosDobles); // [2, 4, 6, 8, 10]

Filter:

Este método permite filtrar los elementos de un array según una condición, devolviendo un nuevo array con los elementos que cumplen dicha condición.

const productos = [
  { nombre: "Producto 1", precio: 10 },
  { nombre: "Producto 2", precio: 20 },
  { nombre: "Producto 3", precio: 30 },
];

const productosBaratos = productos.filter(producto => producto.precio < 20);

console.log(productosBaratos); // [{ nombre: "Producto 1", precio: 10 }]

Reduce:

Este método permite reducir un array a un único valor, aplicando una función acumuladora a cada elemento.

const numeros = [1, 2, 3, 4, 5];

const sumaTotal = numeros.reduce((acumulador, numero) => {
  return acumulador + numero
}, 0);
  

console.log(sumaTotal); // 15

Concat:

Este método permite unir dos o más arrays en uno solo.

const frutas = ["Manzana", "Banana", "Pera"];

const verduras = ["Lechuga", "Tomate", "Pepino"];

const frutasYVerduras = frutas.concat(verduras);

// ["Manzana", "Banana", "Pera", "Lechuga", "Tomate", "Pepino"]
console.log(frutasYVerduras);

Find:

Este método permite encontrar el primer elemento de un array que cumple una condición.

const usuarios = [
  { nombre: "Usuario 1", edad: 20 },
  { nombre: "Usuario 2", edad: 30 },
  { nombre: "Usuario 3", edad: 40 },
];

const usuarioMayorDe30 = usuarios.find(usuario => usuario.edad > 30);

console.log(usuarioMayorDe30); // { nombre: "Usuario 3", edad: 40 }

Estos son solo algunos de los métodos más importantes de los arrays en JavaScript. Te recomiendo explorar la documentación oficial para descubrir todas las posibilidades que ofrecen.

Recuerda que la práctica es la mejor forma de aprender. Experimenta con los diferentes métodos y crea tus propios ejemplos para familiarizarte con su funcionamiento.