Paracetamol.js💊| #216: Explica este código JavaScript

Explica este código JavaScript

Dificultad: Intermedio

const numbers = [1, 2 ,3, 4, 5];
const fn = (arr) => {
  return arr.flatMap((number) =>[ [number - 1] ])
}
console.log(fn(numbers)) // 🤔

• A. [ [ [0], [1], [2], [3], [4] ] ]
• B. [1, 2, 3, 4, 5]
• C. [0, 1, 2, 3, 4]
• D. [ [0], [1], [2], [3], [4] ]

---

Respuesta en el primer comentario.

Comments

[Cristian Fernando]

Respuesta:

• D. [ [0], [1], [2], [3], [4] ]

flatMap() es un método de los arreglos super interesante, fusiona 2 métodos: map() y flat(), y los implementa como si fuera solo 1.

En palabras sencillas lo que hace flatMap() es iterar item por item sobre el arreglo en el cual se implementa (como si fuera un map()) y posteriormente "aplana" dicho item (como si fuera un flat()).

En el ejemplo, cada a cada iteración del item le restamos 1 y luego aplanamos en un nivel el resultado de dicha iteración, no olvidemos que tanto map() como flatMap() regresa un nuevo arreglo, por ende cada item será regresado en un arreglo independiente que finalmente esta anidado en el nuevo arreglo que devuelve flatMap() y por ello el resultado es [ [0], [1], [2], [3], [4] ].