JavaScript Basics: Array Flat

Continuamos con JavaScript Basics, en el anterior post, hablábamos sobre Array Slice, esta vez vamos a ver que es Array Flat y cómo utilizarlo.

¿Qué hace flat?

El método flat en los arrays de javascript, devuelve un array en su versión «aplanada». Puede recibir como parámetro el número de niveles a aplanar…

«¿Cómo? No lo acabo de entender… 🤯🤯🤯»

Lo que hace flat, es simplificar los datos fusionando los arrays hijos con el padre (se considera padre el array donde se ejecuta el método flat). Si tenemos hijos dentro de los propios hijos, se pueden aplanar también indicándole a flat el número de niveles a aplanar. Para entenderlo mejor, vamos a ver un ejemplo:

Como podemos ver, tenemos un origen estructurado como:

• Padre
  • Hijo
    • Hijo (1,2,3)
    • Hijo (4,5)
  • Hijo (6,7,8)
  • 9

Con el primer flat que vemos (la llamada sin argumentos se considera 1 nivel), conseguiremos que:

• El hijo con 2 niveles, pase a tener sólo un nivel.
• El hijo que tiene 6,7,8 sea aplanado con el padre.
• El 9 no se ve afectado.

Con lo cual, obtendremos un array con la siguiente estructura:

• Padre
  
  • Hijo (1,2,3)
  • Hijo (4,5)
  • 6
  • 7
  • 8
  • 9

En cambio, con el segundo flat que indicamos 2 niveles, conseguimos aplanar todo el array, ya que en este caso tenemos una profundidad de 2 niveles y obtendríamos el resultado:

• Padre
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

Como veis, el método flat de array javascript es muy útil para simplificar estructura de datos y así posteriormente poder tratar los datos de una forma más sencilla.

Espero que os haya gustado este basic 😉.