Array Map -Methode in JavaScript | Erklärt

In JavaScript eine integrierte Methode namens Array.MAP () wird verwendet, um ein neues modifiziertes Array zu erstellen. Dazu durchquert es ein Array und ruft eine Funktion für jedes Element des Arrays auf. Es ist in einem Szenario sehr nützlich, in dem wir einige Verfahren/Aktionen in jedem Array -Element implementieren müssen. Multiplizieren Sie beispielsweise jedes Array -Element mit einer spezifischen Zahl oder finden Sie die Quadratwurzel jedes Array -Elements usw.

In dieser Beschreibung werden wir die unten aufgeführten Lernergebnisse des Arrays behandeln.MAP () Methode:

• Was ist Array.map () in JavaScript?
• Grundlegende Syntax
• Was macht Array?.MAP () Methodenrückgabe?
• Wie Array.MAP () Methode funktioniert in JavaScript?

Also lasst uns anfangen!

Was ist Array.map () in JavaScript?

Array map () ist eine integrierte Array-Funktion, die ein neues modifiziertes Array erstellt, das auf bestimmten Kriterien basiert. Das Array.MAP () -Methode ruft eine Rückruffunktion für jedes Element des Arrays auf und erstellt ein neues modifiziertes Array, das die modifizierten Elemente enthält, die von der Call-Back-Funktion zurückgegeben werden.

Grundlegende Syntax

Hier ist die Syntax des Arrays.MAP () Methode in JavaScript:

Array.MAP (Funktion (current_element, index, arr), thisvalue)

Die Syntax zeigt das Array.MAP () -Funktion kann mehrere Parameter erfolgen. Alle diese Parameter sind jedoch nicht obligatorisch:

• Funktion () Parameter besser bekannt als die Aufruf -Back -Funktion ist obligatorisch und wird für jedes einzelne Element des Arrays aufgerufen.
• current_element ist ein erforderlicher Parameter, der den Wert des aktuellen Elements aufbewahrt.
• Der Index ist ein optionaler Parameter, der den Index der Strömung beibehält.
• ARR ist ein optionaler Parameter, der das aktuelle Array hält.
• Dieser Wert ist auch ein optionaler Parameter, dessen Standardwert nicht definiert ist und den Wert verwendet.

Was macht Array?.MAP () Methodenrückgabe?

In JavaScript das Array.MAP () Methode gibt das Ergebnis der Rückruffunktion für jedes einzelne Array-Element zurück.

Wie Array.MAP () Methode funktioniert in JavaScript?

Bisher haben wir die theoretischen Konzepte der Map () -Methode gelernt, jetzt werden wir diese Konzepte praktisch implementieren.

Aufgabe 1: Fügen Sie jedem Array -Element 50 hinzu

In diesem Beispielprogramm lernen wir, wie man Array benutzt.MAP () Methode zum Hinzufügen von „50“ zu jedem einzelnen Element des angegebenen Arrays:

var originalArray = [12, 16, 32, 27, -31, 17];
var result = originalArray.Karte (AddValue);
Funktion addValue (Werte)
Rückgabewerte + 50;

Konsole.log ("resultierendes Array:", Ergebnis);

Das obige Programm führte die folgenden Aufgaben aus:

• Erstens haben wir ein Array mit dem Namen "OriginalArray" erstellt, das einige positive und negative Zahlen enthält.
• Als nächstes haben wir das Array genutzt.MAP () Methode zum Hinzufügen von 50 zu jedem Element des Array.
• Dazu haben wir eine Funktion namens „AddValue ()“ erstellt, die dem aktuellen Element des Arrays 50 hinzufügt, und danach wird das modifizierte Element zurückgegeben.
• Schließlich verwendeten wir die Methode Console (), um das Array der modifizierten Elemente zu drucken:

Die Ausgabe hat bewiesen, dass das Array.MAP () -Methode gab ein Array modifizierter Elemente zurück (i.e., Jedes Element wird durch 50 erhöht).

Aufgabe 2: So verwenden Sie Array.MAP () -Methode mit einem Array von Objekten

Im folgenden Codeblock lernen wir, wie das Array verwendet wird.MAP () Methode zum Beitritt zum Empname und der ID:

var Mitarbeiter = [
empnname: "mike", id: 12,
empnname: "seth", id: 15,
];
var empdetails = Mitarbeiter.MAP (Funktion (Wert)
return '$ value.Empname $ Wert.Ausweis';
)
Konsole.log ("Mitarbeiterdetails:", EmpDetails);

In diesem Programm haben wir das Array verwendet.MAP () Methode, um das Array zu durchqueren und den Mitarbeiternamen und die Mitarbeiter -ID zu kombinieren:

So das Array.MAP () Methode funktioniert mit einer Reihe von Objekten.

Aufgabe 3: So verwenden Sie integrierte Methoden mit Array.MAP () Methode

In diesem Beispiel lernen wir, wie Sie eine eingebaute Methode verwenden, um das Quadrat der Array -Elemente zu finden:

var originalArray = [3, 2, 5, 9, 7];
var resultantArray = originalArray.Karte (sqrValue);
Funktion SQRValue (Werte)
Mathematik zurückgeben.POW (Werte, 2);

Konsole.log ("Mitarbeiterdetails:", resultantArray);

In diesem Beispielprogramm haben wir die Mathematik genutzt.Pow () Funktion, um das Quadrat eines Elements zu finden. Wir haben das Array benutzt.MAP () Methode, um jedes Array -Element zu durchqueren und das Quadrat jedes einzelnen Elements des angegebenen Arrays zurückzugeben.

So können wir zusammen mit Array eine integrierte Methode verwenden.MAP () -Methode, um unterschiedliche Funktionen zu erreichen.

Abschluss

In JavaScript, Array.MAP () ist eine integrierte Array-Funktion, die ein neues modifiziertes Array erstellt, das auf bestimmten Kriterien basiert. Das Array.MAP () -Methode ruft eine Rückruffunktion für jedes Element des Arrays auf und erstellt ein neues modifiziertes Array, das die modifizierten Elemente enthält, die von der Call-Back-Funktion zurückgegeben werden. In diesem Artikel wurde beschrieben, was genau Array.MAP () -Methode ist? und wie es in JavaScript mit einigen relevanten Beispielen funktioniert.