Méthode flatMap

La méthode flatMap renvoie un nouveau tableau, créé après application à chaque élément du tableau initial d'une fonction de rappel, spécifiée en paramètre de la méthode. À première vue, la méthode flatMap ressemble à la méthode map, mais sa principale différence réside dans le fait qu'elle renvoie toujours un tableau unidimensionnel.

Syntaxe

javascriptlet newArray = tableau.flatMap(fonction);

Exemple

Obtenons un nouveau tableau, en utilisant la méthode flatMap :

javascriptlet arr = ['a', 'b', 'c'];

let res = arr.flatMap(function(elem) {
  return elem + '!';
});

console.log(res);

Résultat de l'exécution du code :

javascript['a!', 'b!', 'c!']

Exemple

Obtenons un nouveau tableau à partir d'un tableau initial composé de nombres :

javascriptlet arr = [1, 2, 3, 4, 5];

let res = arr.flatMap(function(elem) {
  return elem + 2;
});

console.log(res);

Résultat de l'exécution du code :

javascript[3, 4, 5, 6, 7]

Exemple

Essayons d'appliquer la méthode flatMap à un tableau avec un premier niveau d'imbrication :

javascriptlet arr = [1, 2, 3, [4, 5]];

let res = arr.flatMap(function getElem(elem){
  return elem + 2;
});

console.log(res);

Après exécution du code nous verrons que les conditions de la fonction ont été appliquées au sous-tableau, le considérant comme un seul élément. C'est pourquoi l'appel de cette méthode sur des tableaux imbriqués n'a pas de sens :

javascript[3, 4, 5, '4,52']

Exemple

Si nous ne voulons pas nous préoccuper du niveau d'imbrication, mais fusionner tout le tableau, alors utilisons le paramètre Infinity :

javascriptlet arr = ['a', 'b', ['c', 'd', ['e', 'f', ['g', 'h', ['i']]]]];

let res = arr.flatMap(Infinity);

console.log(res);

Résultat de l'exécution du code :

javascript[
  'a', 'b', 'c',
  'd', 'e', 'f',
  'g', 'h', 'i'
]

Exemple

Appliquons deux méthodes au tableau : flatMap et map, sachant que le paramètre des deux méthodes sera une fonction rendant le tableau bidimensionnel :

javascriptlet arr = [1, 2, 3, 4, 5, 6];
let res1 = arr.map(elem => [elem * 3]);
let res2 = arr.flatMap(elem => [elem * 3]);

console.log('méthode map', res1);
console.log('méthode flatMap', res2);

Résultat de l'exécution du code :

javascript'méthode map' [[3], [6], [9], [12], [15], [18]]
'méthode flatMap' [3, 6, 9, 12, 15, 18]

Voir aussi