So zeichnen Sie ein Array in der JavaScript -Array -Kartenmethode ab | Mit Beispielen erklärt

JavaScript bietet uns wie jede andere Programmiersprache verschiedene Datentypen zum Speichern von Daten. Ein solcher Datentyp ist ein Array. Ein Array ist eine Gruppe von Elementen, mit denen mehrere Werte in einer einzelnen Variablen gespeichert werden können. JavaScript bietet US -Array -Objektmethoden, mit denen wir Daten verwalten, organisieren oder zugreifen können, die in Arrays gespeichert sind. Eine solche eingebaute Methode des Array-Objekts ist die Karte() Methode.

Was ist die MAP () -Methode?

Die MAP-Methode des JavaScript-Arrays erstellt ein neues Array, indem er eine Rückruffunktion (eine Funktion als Argument an eine andere Funktion übergeben) auf jedem einzelnen Element aufruft, ohne das Original-Array zu ändern.

Der Syntax Die Array -Kartenmethode ist unten dargestellt:

Myarr.MAP (Funktion (CurrentValue, Index, arr), thisvalue);

Wie wir aus der obigen Syntax sehen können, nimmt die MAP () -Methode zwei Parameter an. Das erste ist Funktion (CurrentValue, Index, arr) Dies ist eine Rückruffunktion und ein obligatorischer Parameter. Diese Rückruffunktion nimmt drei Argumente vor. Das erste ist das aktueller Wert Bezieht sich auf den aktuellen Wert des Elements und es ist ein obligatorischer Parameter. Der zweite Parameter ist der Index welches den Index des aktuellen Elements hat und der dritte ist das arr das bezieht sich auf das Array. Die Index- und ARR -Parameter sind optional. Der nächste Parameter in der Methode MAP () ist dieser Wert, der sich auf den Wert bezieht, der an die Funktion übergeben wird, und der Parameter des Wertes ist optional.

Iterieren über ein Array mit der Kartenmethode

Nachdem wir nun wissen, was eine Array -Kartenmethode ist, lassen Sie uns sehen, wie Sie mit der Kartenmethode über ein Array iterieren können.

var myarr = [1,2,3,4];
var newarr = myarr.MAP (Funktion (Element)
// myarr myarr mit 2 multiplizieren
// Gibt ein neues Array zurück
Rückgabeelement *2;
);
Konsole.log (newarr); // [2,4,6,8]

Im obigen Code haben wir zunächst ein Array mit dem Namen von initiiert Myarr und dann gerufen Karte() Methode in diesem Array initiiert eine Rückruffunktion. In der Rückruffunktion multiplizierten wir jedes einzelne Element der Myarr zu 2. Wir haben dann das Neue Array auf die NEUarr Variable und dann Konsolenprotokoll Das Neuarray, dessen Ausgabe unten angezeigt wird:

Lassen Sie uns einige andere Beispiele der MAP () -Methode in JavaScript sehen.

Rundungsarray -Elemente

In diesem Beispiel werden wir sehen, wie wir Array -Elemente auf die nächste Ganzzahl runden können.

var myarr = [2.3,3.7,4.4];
var output = myarr.Karte (e => mathematik.Runde (e));
Konsole.Protokoll (Ausgabe); // 2,4,4

Wir haben zuerst ein Array mit dem Namen von initiiert Myarr und dann die Kartenmethode in diesem Array initiierte, indem er jedes Element des Elements abrundete Myarr und dann wird die Ausgabe dieses Vorgangs in der Variablen gespeichert Ausgang.

Quadratwurzel finden

Finden wir die Quadratwurzel aller Elemente eines Arrays, für das es meistens das gleiche ist wie das obige Beispiel. Zuerst werden wir ein Array einleiten und dann die Kartenmethode darauf ausführen, um das Ergebnis in der Ausgabe zu speichern.

var myarr = [4,9,16];
var output = myarr.Karte (e => mathematik.Sqrt (e));
Konsole.Protokoll (Ausgabe); // 2,3,4

Hinzufügen von String zu den Array -Elementen

In diesem Beispiel werden wir das String 1 Dutzend mit jedem Element des Arrays hinzufügen. Zum Beispiel:

var myarr = ["Banane", "Apple", "Orange"];
var output = myarr.MAP (e => "1 Dutzend"+e);
Konsole.Protokoll (Ausgabe);

Wir können in der Ausgabe sehen, dass jedes Element des Arrays jetzt 1 Dutzend im Neuarray hat, das eine Konsole angemeldet ist.

Erhalten Sie den vollständigen Namen von einer Reihe von Objekten

Lassen Sie uns ein wenig komplexes Beispiel sehen, in dem wir eine Reihe von Objekten initiieren, die den Vornamen und den Nachnamen einer Person enthalten. Wir werden dann die MAP () -Methode in diesem Array ausführen und dann in der Rückruffunktion den FirstName und den Lastnamen verkettet, um einen Vollnamen der Person zu erhalten.

const personons = [
FirstName: "John", LastName: "Reynolds",
FirstName: "Smith", LastName: "Jhonson",
FirstName: "Sarah", LastName: "Frye"
];
Funktion getfullname (item)
Artikel zurückgeben.FirstName, Artikel.Familienname, Nachname].verbinden(" ");

const output = Personen.Karte (getfullname);
Konsole.Protokoll (Ausgabe);

Abschluss

Zum Speichern von Daten gibt JavaScript verschiedene Datentypen wie ein Array. Ein Array verfügt über integrierte Methoden, mit denen wir unseren Code problemlos verwalten und weniger Code schreiben können. Eine solche Methode des Arrays ist die MAP () -Methode. Die Array map () -Methode führt eine Rückruffunktion für jedes Element des Arrays aus und gibt ein neues Array zurück.

In diesem Beitrag haben wir gesehen. Abgesehen davon haben wir über ein Array unter Verwendung der MAP () -Methode iteriert und dann einige Beispiele mithilfe der MAP () -Methode des Arrays zur Transformation der Elemente des initiierten Arrays gemäß der angegebenen Rückruf-Back-Funktion bereitgestellt.