Tableau javascript.Méthode FlatMap | Expliqué

Tableau javascript.Méthode FlatMap | Expliqué
JavaScript prend en charge un large éventail de méthodes de tableau telles que Déployer.foreach (), tableau.flatmap (), tableau.trier(), etc. Ces méthodes sont utilisées pour atteindre différents objectifs tels que la traversée, le tri, etc. Le Déployer.FlatMap () la méthode est un ajout relativement nouveau à l'objet de tableau. Il s'agit d'une combinaison de deux méthodes plate () et map (), donc, il exécute d'abord la méthode map () sur le tableau puis le plat ().

Ce message présentera une compréhension profonde des concepts ci-dessous concernant le tableau.Méthode flatmap ():

  • Qu'est-ce que le tableau.flatmap () en javascript
  • Syntaxe de base
  • Comment le tableau.La méthode flatmap () fonctionne en javascript
  • Exemples

Alors, commençons!

Qu'est-ce que le tableau.flatmap () en javascript

Il s'agit d'une méthode prédéfinie en JavaScript qui combine les capacités de deux méthodes, i.e., map () et plate (). Alors, un tableau.La méthode flatmap () mappe d'abord les éléments du tableau à l'aide de la fonction de carte, et ensuite, il plate le tableau donné / entrée dans un nouveau tableau.

Syntaxe de base

Il existe plusieurs façons d'utiliser le tableau.Méthode flatmap () dans javascript e.g. Utilisation d'une fonction flèche, d'une fonction de rappel ou d'une fonction de rappel en ligne.

L'extrait ci-dessous affichera la syntaxe de la fonction Arrow pour la méthode FlatMap ():

FlatMap ((CurrentValue, index, array) => // élément de retour
)

L'extrait ci-dessous affichera la syntaxe de rappel pour la méthode FlatMap ():

FlatMap (callbackfun, thisarg)

L'extrait de code suivant montre la syntaxe de la méthode FlatMap () par rapport à la fonction de rappel en ligne:

FlatMap (fonction (currentValue, index, array) // élément de retour
, thisarg)

Le tableau ci-dessous fournira une compréhension détaillée des paramètres de la méthode FlatMap ():

Paramètre Description
rappeler Il produit l'élément du tableau nouvellement créé, et il peut contenir l'un des paramètres suivants: CurrentValue, Index, Array, Thisarg.
valeur actuelle Il représente l'élément de tableau actuel.
indice Il s'agit d'un paramètre facultatif qui affiche l'index de l'élément de tableau (actuellement en processus).
déployer C'est un paramètre facultatif et est utilisé lorsque le flatmap est appelé.
thisarg Il s'agit d'un paramètre facultatif, et sa valeur est utilisée comme «ceci» lors de l'exécution de la fonction de rappel.

Comment le tableau.La méthode flatmap () fonctionne en javascript

Voyons quelques exemples pour une compréhension profonde du tableau.méthode flatmap ().

Exemple 1

L'extrait ci-dessous fournira la compréhension de base de la méthode FlatMap ():

Dans cet exemple, nous avons effectué la tâche suivante:

  • Créé un tableau.
  • Utilisé le tableau.Méthode platemap () pour effectuer la cartographie et l'appartement.
  • Par conséquent, le tableau.FlatMap () renvoie un nouveau tableau où chaque élément est le résultat de la fonction de rappel (chaque élément sera divisé avec 3):

La production montre la pertinence du tableau.méthode flatmap ().

Exemple2

Dans cet exemple, nous créerons deux tableaux et ensuite, nous utiliserons la méthode FlatMap () pour obtenir un nouveau tableau:

Le tableau aplati affichera le nom de l'employé avec ses identifiants respectifs:

C'est ainsi que nous pouvons utiliser le tableau.Méthode flatmap () en javascript.

Conclusion

Déployer.FlatMap () est une méthode prédéfinie en JavaScript qui combine les capacités de deux méthodes, i.e., map () et plate (). Alors, un tableau.La méthode flatmap () mappe d'abord les éléments du tableau à l'aide de la fonction de carte, et ensuite, il plate le tableau donné / entrée dans un nouveau tableau. Cet article a expliqué quel tableau.FlatMap () est? Ce qu'il renvoie? Et comment ça marche dans JavaScript?