Métodos de arrays: Flat y FlatMap

Solo una aclaración: el argumento opcional por defecto del método flat() para indicar el nivel de profundidad es 1. Si se quiere aplanar un arreglo anidado hasta el nivel más profundo, hay que pasar el valor Infinity:

const multiDimensionalArray = [[1, 2, 3], [4, [5, 6]], [7, [8, [9]]]];
const flatArray = multiDimensionalArray.flat(Infinity);
console.log(flatArray); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

Flat y FlatMap:

.
El método flat() devuelve una nueva matriz con todos los elementos de una matriz anidada concatenados de manera recursiva hasta la profundidad especificada. Es decir, si tienes un array anidado y quieres “aplanarlo” para obtener un array simple, puedes usar flat() para hacerlo.

const nestedArray = [[1, 2], [3, 4], [5, 6]];
const flatArray = nestedArray.flat();

console.log(flatArray); // [1, 2, 3, 4, 5, 6]

El método flatMap() es similar a map(), pero primero “aplanar” la matriz usando flat(). Luego, llama a una función de devolución de llamada para cada elemento del array aplanado y devuelve una nueva matriz con los resultados.

const numbers = [1, 2, 3];
const doubledAndSimplified = numbers.flatMap(x => [x * 2]);

console.log(doubledAndSimplified); // [2, 4, 6]

44/89 Métodos de arrays: Flat y FlatMap
Array.prototype.flat()

Es una función de JavaScript que se utiliza para aplanar arreglos multidimensionales. Permite combinar varios arreglos en un solo arreglo plano sin niveles adicionales de anidamiento.

Este método es especialmente útil cuando trabaja con arreglos mutidimensionales y se desea obtener única secuencia de elementos en un solo arreglo. Se puede utilizar el método sin argumentos, en cuyo caso se aplana todos los arreglos hasta el nivel más profundo.

También se puede proporcionar un argumento opcional al método para indicar la profundidad de anidamiento máxima hasta la cual se debe aplanar los arreglos. Esto significa que solo se aplanarán los arreglos del nivel más externo y se mantendrán intactos los arreglos internos que se encuentran por debajo de la profundidad especificada.

Array.prototype.flatMap()

Este método combina las funcionalidades de los métodos Array.prototype.map() y Array.prototype.flat() en uno solo. Este método se aplica a un objeto Array y toma como argumento una función que se aplicará a cada elemento del arreglo. La función aplicada a cada elemento devuelve un nuevo arreglo, y flatMap aplana este arreglo resultante en un único arreglo.

Es útil para eliminar elementos null o undefined de un arreglo. También podemos usar faltMap para trabajar con arrays bidimensionales, ya que aplana cada subarreglo dentro del arreglo en un único arreglo resultante. En resumen, flatMap es una herramienta útil para transformar y manipular arreglos de manera más fácil y eficiente.

Intente hacer este ejemplo, pero no logro ver que se eliminen los elementos null or undefined. Alguno filtro adicional?

const values = [1, 2, 3, null, 4, undefined, 5];

const result = values.flatMap(x => x);

console.log(result);
// Output: [1, 2, 3, 4, 5]

El método flatmap() sólo tiene 1 nivel de profundidad, así como lo tiene flat() por defecto… 😃