Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

La méthode flatMap() permet d'appliquer une fonction à chaque élément du tableau puis d'aplatir le résultat en un tableau. Cela correspond à l'enchaînement de Array.prototype.map() suivi de Array.prototype.flat() de profondeur 1. flatMap est plus efficace que la combinaison de ces deux opérations, souvent réalisées conjointement.

Syntaxe

var new_array = arr.flatMap(function callback(currentValue[, index[, array]]) {
    // return element for new_array
}[, thisArg])

Paramètres

callback
La fonction qui produit un élément du nouveau tableau et qui prend trois arguments :
 
currentValue
La valeur du tableau qui est traitée.
indexFacultatif
L'indice de l'élément du tableau qui est traitée.
arrayFacultatif
Le tableau sur lequel flatMap a été appelée.
thisArgFacultatif
La valeur à utiliser comme contexte this lors de l'exécution de callback.

Valeur de retour

Un nouveau tableau composé d'éléments résultants de la fonction de rappel (callback) et aplati d'un niveau de profondeur.

Description

Pour la fonction de rappel, voir Array.prototype.map(). La méthode flatMap() est identique à un appel de Array.prototype.map() suivi d'un appel de Array.prototype.flat() avec la profondeur 1.

Exemples

map et flatMap

var arr1 = [1, 2, 3, 4];

arr1.map(x => [x * 2]); 
// [[2], [4], [6], [8]]

arr1.flatMap(x => [x * 2]);
// [2, 4, 6, 8]

// seul un niveau est aplati
arr1.flatMap(x => [[x * 2]]);
// [[2], [4], [6], [8]]
//=> [1, 2, 3, 4, 5, 6, 7, 8, 9]

Equivalent

reduce et concat

var arr1 = [1, 2, 3, 4];

arr1.flatMap(x => [x * 2]);
// est équivalent à
arr1.reduce((acc, x) => acc.concat([x * 2]), []);
// [2, 4, 6, 8]

Spécifications

Spécification État Commentaires
Proposition pour Array.prototype.flatMap Brouillon de niveau 3 (candidat)  

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple69 Non Non1 Non56 Non
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple6969 Non Non156 Non Non

1. Available in Firefox Nightly only. See bug 1435813 for status on enabling this by default.

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight, Baptistou
Dernière mise à jour par : SphinxKnight,