Uso de FlatMap para Extraer Fechas de Calendarios en JavaScript
Clase 24 de 28 • Curso de Manipulación de Arrays en JavaScript
Contenido del curso
Fundamentos del manejo de arrays
- 2
Recorrido de Arrays con Foreach en JavaScript
09:35 min - 3
Mutabilidad vs Inmutabilidad en Programación JavaScript
04:17 min - 4
Uso de Map para Transformaciones en JavaScript y Renderizado HTML
07:28 min - 5
Playground: multiplica todos los elementos por dos
- 6
Transformaciones avanzadas con map en JavaScript
09:59 min - 7
Playground: calcula y agrega nuevas propiedades a un array
- 8
Filtrado de Arrays en JavaScript con el Método Filter
12:41 min - 9
Playground: retorna solo palabras de 4 letras o más
- 10
Uso del método reduce en JavaScript para sumar elementos de un array
07:09 min - 11
Contar elementos en un array con reduce y agrupar por rango
10:29 min - 12
Playground: calcula la suma total de elementos en un array
Métodos en JavaScript
- 13
Uso de la función "sum" en JavaScript para evaluar condiciones
11:45 min - 14
Playground: ¿al menos 1 de los números es par?
- 15
Uso del método `every` en JavaScript para validaciones de arrays
04:13 min - 16
Playground: retorna un booleano si todos los elementos son pares
- 17
Uso de los métodos find y findIndex en JavaScript
06:20 min - 18
Uso del método includes en JavaScript para arrays y strings
04:59 min - 19
Playground: buscador de palabras con parámetros de búsqueda
- 20
Unificación y separación de arrays con join y split en JavaScript
07:02 min - 21
Playground: construye URLs a partir de strings
- 22
Fusión de Arrays con Concat y Operador Spread en JavaScript
09:35 min - 23
Aplanar Arrays en JavaScript con Flat y FlatMap
06:45 min - 24
Uso de FlatMap para Extraer Fechas de Calendarios en JavaScript
Viendo ahora - 25
Playground: calcula el total de palabras en un texto
- 26
Métodos Mutables e Inmutables en Arrays: Manipulación y Búsqueda
10:27 min - 27
Ordenamiento de Arrays con el Método Sort en JavaScript
07:13 min
Despedida
Resumen
El método flatMap es inmutable y consiste en la combinación de los métodos map y flat. Primero realiza la iteración de los elementos del array (como si fuera map), y después los aplana en una sola profundidad (como si fuera flat).
Este procedimiento recibe los mismos argumentos que el método map.
const strings = ["Nunca pares", "de Aprender"]
strings.map(string => string.split(" "))
// [ [ 'Nunca', 'pares' ], [ 'de', 'Aprender' ] ]
strings.flatMap(string => string.split(" "))
// [ 'Nunca', 'pares', 'de', 'Aprender' ]
const numbers = [1, 2, 3, 4]
numbers.map(number => [number * 2])
// [[2], [4], [6], [8]]
numbers.flatMap(number => [number *2])
// [2, 4, 6, 8]
Cuidado con el método flatMap, primero realiza el map y luego el flat.
const numbers2 = [1,[2,3], 4, 5]
numbers2.flatMap(number => [number *2])
// [ 2, NaN, 8, 10 ]
// * Recuerda: NaN = No a Number
Contribución creada por Andrés Guano.