Verwenden Sie die Kartenfunktion in JavaScript?

Verwenden Sie die Kartenfunktion in JavaScript?

Manchmal braucht es zu viel Zeit, den komplizierten Code in der Programmiersprache herauszufinden. Dazu ist es erforderlich, den Code zu vereinfachen, der die Verständlichkeit, Lesbarkeit und auch die Leistung des angegebenen Codes erhöht. Die verschiedenen Methoden können für diesen Zweck angewendet werden. Das JavaScript "Karte()Die Funktion ist eine von ihnen, die für die Erstellung eines Arrays in Form von Paarwerten aufgerufen wird.

Dieser Beitrag hat gezeigt, wie die Kartenfunktion von JavaScript verwendet wird.

So verwenden Sie die Kartenfunktion des JavaScripts?

Um die Kartenfunktion verwenden zu verwenden “Karte()Methode in JavaScript. Es handelt sich um eine JavaScript -Methode, die ein neues Array erzeugt, das die Ergebnisse oder die Ausgabe der Aufruffunktion auf dem einzelnen Element des aufrufenden Arrays enthält.

Syntax

Um die Kartenfunktion in JavaScript zu verwenden, kann die angegebene Syntax verwendet werden:

arr.MAP (Funktion (Element, Index, Array) , this);


Hier:

    • Funktion()”Wird in der MAP () -Methode definiert, die einen Wert bestimmt.
    • Element”Bezieht sich auf das aktuelle Element, das im Array verarbeitet wird.
    • Index”Gibt die Werte für das aktuelle Element im Array an.
    • Array”Wird verwendet, um die Methode aufzurufen.

Beispiel 1: Verwenden Sie die Kartenfunktion für numerische Daten

Um die Kartenfunktion für numerische Daten zu verwenden, befolgen Sie die unten aufgeführten Anweisungen:

    • Deklarieren und initialisieren Sie die Variable.
    • Weisen Sie der definierten Variablen in einem Array einen Wert in Form von numerischen Daten zu:
var Array = [5, 7, 2, 3, 6, 8];
    • Initialisieren Sie als nächstes eine andere Variable mit einem anderen Namen und verwenden Sie die “arr.Karte()”Methode von JavaScript und definieren eine Funktion als Parameter der definierten Methode.
    • Fügen Sie dann Werte und Index als Funktionsparameter hinzu.
    • Präzisiere das "zurückkehrenSchlüsselwort und Formel gemäß dem Code -Snippet:
var newarray = arr.MAP (Funktion (val, index)
Rückgabe Schlüssel: Index, Wert: val*val;
)

Zuletzt rufen Sie die auf “Konsole.Protokoll()”Um die Ausgabe der Konsole anzuzeigen:

Konsole.Protokoll (Newarray)



Beispiel 2: Verwenden Sie die Kartenfunktion für Textdaten

Um die Kartenfunktion für Textdaten zu verwenden, befolgen Sie die Anweisungen für die eingetragenen Anweisungen:

    • Initialisieren Sie eine Variable und weisen Sie diese Variable den Textwert zu.
    • Deklarieren Sie eine andere Variable und rufen Sie die Kartenmethode auf.
    • Im Inneren "Karte()Methode, geben Sie die Variable und Funktion als Parameter an.
    • Verwenden Sie dann das “zurückkehren”Und fügen Sie das Element mit dem definierten variablen Wert zur Karte hinzu. Um dies zu tun, die “HHier wird Alphabet hinzugefügt:
var fname = "hafsa";
var newname = array.Prototyp.Karte.Anruf (fname, function (item)
Gegenstand zurückgeben + 'H';
)


Zuletzt benutzen Sie die “Konsole.Protokoll()Methode zur Anzeige der Ausgabe auf der Konsole:

Konsole.Protokoll (Neuname)


Infolgedessen die “H”Wird mit jedem Alphabet des definierten variablen Wertes zugeordnet:


Hier geht es darum, die Kartenfunktion in JavaScript zu verwenden.

Abschluss

Um die Kartenfunktion in JavaScript zu verwenden, die “Karte()Die Methode kann verwendet werden, wobei die Funktion als Parameter der Kartenmethode definiert ist. Darüber hinaus geben Sie das an “Wert" Und "Index”Als die Funktionsparameter. Insbesondere wird die Kartenfunktion verwendet, um die Elemente in Form von Paarwerten zu erstellen. In diesem Artikel wurde die mehrfachen Methoden für die Verwendung der Kartenfunktion von JavaScript angegeben.