JavaScript -Array.FlatMap -Methode | Erklärt

JavaScript unterstützt eine Vielzahl von Array -Methoden wie z Array.foreach (), Array.flatMap (), Array.Sortieren(), usw. Diese Methoden werden verwendet, um verschiedene Ziele wie das Durchlaufen, Sortieren usw. zu erreichen. Der Array.FlatMap () Die Methode ist ein relativ neuer Zugabe des Array -Objekts. Es handelt sich um eine Kombination von zwei Methoden flat () und map (). Erstens wird die MAP () -Methode auf dem Array und dann die flache () ausgeführt.

Dieser Beitrag wird ein tiefgreifendes Verständnis der folgenden Konzepte in Bezug auf das Array darstellen.flatMap () Methode:

• Was ist Array.flatMap () in JavaScript
• Grundlegende Syntax
• Wie Array.FlatMap () -Methode funktioniert in JavaScript
• Beispiele

Also beginnen wir beginnen!

Was ist Array.flatMap () in JavaScript

Es ist eine vordefinierte Methode in JavaScript, die die Fähigkeiten von zwei Methoden kombiniert, i.e., map () und flach (). Also ein Array.FlatMap () -Methode ordnet zunächst die Elemente des Arrays mithilfe der Kartenfunktion ab, und danach flach das angegebene/Eingangs -Array in ein neues Array.

Grundlegende Syntax

Es gibt mehrere Möglichkeiten, das Array zu verwenden.flatMap () Methode in JavaScript e.G. Verwenden einer Pfeilfunktion, einer Rückruffunktion oder einer Inline -Rückruffunktion.

Der folgende Snippet zeigt die Pfeilfunktionssyntax für die FlatMap () -Methode an:

flatMap ((CurrentValue, Index, Array) => // Rückgabeelement
)

Der folgende Snippet zeigt die Callback -Syntax für die FlatMap () -Methode an:

FlatMap (Callbackfun, ThisArg)

Das folgende Code -Snippet zeigt die Syntax der FlatMap () -Methode in Bezug auf die Inline -Rückruffunktion:

FlatMap (Funktion (CurrentValue, Index, Array) // Rückgabeelement
, thisArg)

Die folgende Tabelle bietet ein detailliertes Verständnis der Parameter der FlatMap () -Methode:

Parameter	Beschreibung
Ruf zurück	Es erzeugt das Element für das neu erstellte Array und kann die folgenden Parameter enthalten: CurrentValue, Index, Array, ThisArg.
aktueller Wert	Es repräsentiert das aktuelle Array -Element.
Index	Es ist ein optionaler Parameter, der den Index des Array -Elements (derzeit im Prozess) zeigt.
Array	Es ist ein optionaler Parameter und wird verwendet, wenn die Flatmap aufgerufen wird.
ThisArg	Es ist ein optionaler Parameter, und sein Wert wird als "dies" verwendet, während die Rückruffunktion ausgeführt wird.

Wie Array.FlatMap () -Methode funktioniert in JavaScript

Betrachten wir einige Beispiele für ein tiefes Verständnis des Arrays.FlatMap () Methode.

Beispiel 1

Der folgende Snippet bietet das grundlegende Verständnis der FlatMap () -Methode:

In diesem Beispiel haben wir die folgende Aufgabe ausgeführt:

• Ein Array erstellt.
• Benutzte das Array.FlatMap () -Methode zur Durchführung von Mapping und Flachung.
• Folglich das Array.FlatMap () gibt ein neues Array zurück, bei dem jedes Element ein Ergebnis der Rückruffunktion ist (jedes Element wird mit 3 geteilt):

Die Ausgabe zeigt die Angemessenheit des Arrays.FlatMap () Methode.

Beispiel2

In diesem Beispiel erstellen wir zwei Arrays und danach werden wir die FlatMap () -Methode verwenden, um ein neues Array zu erhalten:

Das abgeflachte Array zeigt den Namen des Mitarbeiters mit ihren jeweiligen IDs an:

So können wir das Array verwenden.flatMap () Methode in JavaScript.

Abschluss

Array.FlatMap () ist eine vordefinierte Methode in JavaScript, die die Fähigkeiten von zwei Methoden kombiniert, i.e., map () und flach (). Also ein Array.FlatMap () -Methode ordnet zunächst die Elemente des Arrays mithilfe der Kartenfunktion ab, und danach flach das angegebene/Eingangs -Array in ein neues Array. In diesem Artikel wurde erklärt, welches Array.flatMap () ist? Was es zurückgibt? und wie es in JavaScript funktioniert?