Icono del sitio Blog de Programación y Desarrollo – Nube Colectiva

El método flatMap() de JavaScript

Cuando trabajas con JavaScript, necesitamos métodos, utilidades o herramientas que nos ayuden a realizar una tarea determinada, a veces desconocemos que existen métodos en JavaScript que nos pueden simplificar las cosas, uno de estos métodos es el método flatMap y en este Post veremos como funciona, vamos con ello.

Antes de continuar con este Post, te invito a escuchar el Podcast: “Donde buscar ayuda sobre Programación”:

Spotify:

Sound Cloud:

Bien ahora continuemos con el Post: El método flatMap() de JavaScript.

Como funciona el método flatMap()

Supongamos que tenemos el siguiente array y lo mapeo con el método map():


Bien con el código anterior obtengo un array anidado y ahora le puedo pasar el método flat() para aplanarlo o limpiarlo:


Pero para evitar este excesivo trabajo podemos simplificarlo haciendo uso del método flatMap():


Y obtengo el mismo resultado, pero esta vez utilizando un solo método, el método flatMap(). Con esto puedes darte cuenta como funciona este método en JavaScript.

Nivel de profundidad de flatMap()

El método flat() acepta un parámetro donde se especifica que tan profundo se debe de aplanar un array anidado.


Ahora el método flatMap() solo puede ir al nivel 1 de profundidad.


Voy a dividir el código anterior en 2 pasos para que puedas ver que es lo que paso:


Pero si lo hago por separado puedo pasarle un parámetro de profundidad y aplanar el array por completo:


Entonces, si deseas aplanar un array más allá del nivel 1 de profundidad, es mejor no usar el método flatMap() y simplemente llamar a los métodos flat() y map() por separado.

Eliminar elementos con flatMap()

El método flatMap(), nos permite eliminar de un array, por ejemplo en el siguiente código elimino todos los número negativos:


Esto es genial, es como usar el método filter(), pero como funciona esto realmente ?, el secreto es el array vacío. Veamos a que me refiero en el siguiente código:


Cuando intento aplanar un elemento que es un array vacío, simplemente elimina ese elemento, por ende el método flatMap() considera los valores menor a 0 como array vacíos y los elimina.

Conclusión

El método flatMap() puede servirnos para realizar determinadas tareas, como las que menciono en este Post, en ciertas ocasiones requeriremos de el, así que ya sabemos como funciona y en el momento adecuado lo sabremos usar.

Nota(s)

Síguenos en las Redes Sociales para que no te pierdas nuestros próximos contenidos.

Salir de la versión móvil