Aplanar Arrays en JavaScript con Flat y FlatMap
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
Transformaciones avanzadas con map en JavaScript
09:59 min - 6
Filtrado de Arrays en JavaScript con el Método Filter
12:41 min - 7
Uso del método reduce en JavaScript para sumar elementos de un array
07:09 min - 8
Contar elementos en un array con reduce y agrupar por rango
10:29 min
Métodos en JavaScript
- 9
Uso de la función "sum" en JavaScript para evaluar condiciones
11:45 min - 10
Uso del método `every` en JavaScript para validaciones de arrays
04:13 min - 11
Uso de los métodos find y findIndex en JavaScript
06:20 min - 12
Uso del método includes en JavaScript para arrays y strings
04:59 min - 13
Unificación y separación de arrays con join y split en JavaScript
07:02 min - 14
Fusión de Arrays con Concat y Operador Spread en JavaScript
09:35 min - 15
Aplanar Arrays en JavaScript con Flat y FlatMap
Viendo ahora - 16
Uso de FlatMap para Extraer Fechas de Calendarios en JavaScript
09:22 min - 17
Métodos Mutables e Inmutables en Arrays: Manipulación y Búsqueda
10:27 min - 18
Ordenamiento de Arrays con el Método Sort en JavaScript
07:13 min
Despedida
Aplanar Arrays en JavaScript con Flat y FlatMap
Resumen
El método flat es inmutable que consiste en retornar un array donde los sub-arrays han sido aplanados hasta una profundidad especificada. El aplanamiento consiste en transformar un array de arrays a una sola dimensión.
Este procedimiento recibe un argumento:
- La profundidad del aplanamiento, por defecto, tiene un valor de 1. Si se desea aplanar todos los sub-arrays en una sola dimensión, utiliza el valor de
Infinity.
array.flat(profundidad)
Diferencia entre la estructura for y el método flat
Si se utiliza la estructura for para aplanar un array de arrays, es necesario utilizar otra estructura for para cada sub-nivel del array o recursión.
const matrix = [ [1,2,3], [4,5,6], [7,8,9], ] const flatArray = [] for(let i=0; i<matrix.length; i++){ const array = matrix[i] for(let j=0; j<array.length; j++){ flatArray.push(matrix[i][j]) } } console.log(flatArray) // [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]
Con el método flat solamente es necesario indicar la profundidad de aplanamiento del array.
const array = [1,2,[3,4],5,6] const result = array.flat() result// [1,2,3,4,5,6] const array2 = [1, 2, [3, 4, [5, 6]]]; const result2 = array2.flat() result2// [1, 2, 3, 4, [5, 6]] const array3 = [1, 2, [3, 4, [5, 6]]] const result3 = array3.flat(2) result3// [1, 2, 3, 4, 5, 6] const array4 = [1, 2, [3, 4, [5, 6, [7, 8, [9, 10]]]]] const result4 = array4.flat(Infinity) result4// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
Contribución creada por: Andrés Guano.
