Introducción
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 - 3
Mutabilidad vs Inmutabilidad en Programación JavaScript
04:17 - 4
Uso de Map para Transformaciones en JavaScript y Renderizado HTML
07:28 - 5
Playground: multiplica todos los elementos por dos
00:00 - 6
Transformaciones avanzadas con map en JavaScript
09:59 - 7
Playground: calcula y agrega nuevas propiedades a un array
00:00 - 8
Filtrado de Arrays en JavaScript con el Método Filter
12:41 - 9
Playground: retorna solo palabras de 4 letras o más
00:00 - 10
Uso del método reduce en JavaScript para sumar elementos de un array
07:09 - 11
Contar elementos en un array con reduce y agrupar por rango
10:29 - 12
Playground: calcula la suma total de elementos en un array
00:00
Métodos en JavaScript
- 13
Uso de la función "sum" en JavaScript para evaluar condiciones
11:45 - 14
Playground: ¿al menos 1 de los números es par?
00:00 - 15
Uso del método `every` en JavaScript para validaciones de arrays
04:13 - 16
Playground: retorna un booleano si todos los elementos son pares
00:00 - 17
Uso de los métodos find y findIndex en JavaScript
06:20 - 18
Uso del método includes en JavaScript para arrays y strings
04:59 - 19
Playground: buscador de palabras con parámetros de búsqueda
00:00 - 20
Unificación y separación de arrays con join y split en JavaScript
07:02 - 21
Playground: construye URLs a partir de strings
00:00 - 22
Fusión de Arrays con Concat y Operador Spread en JavaScript
09:35 - 23
Aplanar Arrays en JavaScript con Flat y FlatMap
06:45 - 24
Uso de FlatMap para Extraer Fechas de Calendarios en JavaScript
09:22 - 25
Playground: calcula el total de palabras en un texto
00:00 - 26
Métodos Mutables e Inmutables en Arrays: Manipulación y Búsqueda
10:27 - 27
Ordenamiento de Arrays con el Método Sort en JavaScript
07:13
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.