Map, filter y reduce (JavaScript)

Notices where this attachment appears

1. ale (ale@www.hatthieves.es@www.hatthieves.es)'s status on Thursday, 29-Aug-2019 23:25:52 UTC ale

   Hola, en esta entrada vamos a explicar un poco los métodos nativos map, filter y reduce, que encontramos en los objetos Arrays de JavaScript y como pueden ayudar a hacer más eficiente la implementación, ya que son más rápidos que los bucles tradicionales. map([🌽, 🐮, 🐔], cook) => [🍿, 🍔, 🍳]filter([🍿, 🍔, 🍳], isVegetarian) => [🍿, 🍳]reduce([🍿, 🍳], eat) => 💩 Map El método map() devuelve un nuevo Array como resultado de la función que se está aplicando a cada elemento del Array. Esto significa que cada elemento del Array va a ser devuelto en la misma posición del Array resultante pasando por la función del método map(), como lo haría un iterador. // Declaramos un Array > var a = new Array(1, 2, 3) || [1, 2, 3] // Mapeamos el Array con una función para elevar al cuadrado el contenido > var resultado = a.map(elemento => Math.pow(elemento, 2)) // Se imprime el resultado > console.log(resultado) > [1, 4, 9] Finalmente el método map() devuelve un nuevo Array de la misma dimensión que el original pero modificando cada elemento por el de la salida de la función que estemos aplicando, por lo que no se modifica el Array original. Filter El método filter() del objeto Array, como su nombre indica se utiliza para filtrar los elementos del Array con las condiciones lógicas que se tenga en la función que implementa, si la condición no pasa el filtro este elemento no es devuelto en el Array resultante, quedando una dimensión menor que el original. // Declaramos un Array > var a = new Array(1, 2, 3) || [1, 2, 3] // Filtramos el Array con una función para obviar el número 2 > var resultado = a.filter(elemento => elemento !== 2) // Se imprime el resultado > console.log(resultado) > [1, 3] Vemos como el filtro ignora el número 2 ya que la condición es que sea distinto del número 2, por lo que este número si se encuentra en el Array no es devuelto en el resultante y su posición se obvia, tampoco se modifica el Array original. Reduce El método reduce() del objeto Array, este método reduce el Array a un único elemento, ejecuta la función que tiene el método en cada uno de los elementos del Array y el resultado de cada elemento se almacena en un acumulador que será el resultado total. // Declaramos un Array > …

   Continuar leyendo «»

   https://www.hatthieves.es/2019/08/29/map-filter-y-reduce-javascript/