Aprende Métodos de Arrays `map`, `filter`

Desliza para mostrar el menú

A menudo es necesario transformar o filtrar arrays para crear nuevas versiones basadas en datos existentes. JavaScript proporciona métodos de array de orden superior como map y filter que hacen estas tareas concisas y legibles.

Estos métodos ayudan a evitar bucles manuales y permiten centrarse en el objetivo que se quiere lograr con los datos, en lugar de detallar cada paso del proceso. El uso de métodos de orden superior conduce a un código más fácil de mantener, comprender y reutilizar.


              123456
            
// Using map to create a new array with doubled values
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(function(num) {
  return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]

Al utilizar map, JavaScript crea un nuevo array llamando a tu función una vez por cada elemento del array original. El valor devuelto por tu función se convierte en el nuevo valor del array resultante, y el array original no se modifica.


              123456
            
// Using filter to create a new array with only even numbers
const numbers = [1, 2, 3, 4, 5, 6];
const evens = numbers.filter(function(num) {
  return num % 2 === 0;
});
console.log(evens); // [2, 4, 6]

Con filter, la función debe devolver true para conservar un elemento o false para excluirlo. Solo los elementos que cumplen la función de prueba se incluyen en el nuevo arreglo, mientras que el arreglo original permanece sin cambios.

Tanto map como filter recorren el arreglo internamente, por lo que no es necesario escribir un bucle manual; estos métodos se encargan de iterar y construir el nuevo arreglo.

¿Todo estuvo claro?

¡Gracias por tus comentarios!

Sección 1. Capítulo 13

Pregunte a AI

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Sección 1. Capítulo 13