Manchmal dauert es zu lange, den komplizierten Code in der Programmiersprache zu verstehen. Dazu muss der Code vereinfacht werden, was die Verständlichkeit, Lesbarkeit und auch die Leistung des angegebenen Codes verbessert. Zu diesem Zweck können die verschiedenen Methoden verwendet werden. Das JavaScript „ Karte() ”-Funktion ist eine davon, die aufgerufen wird, um ein Array in Form von Paarwerten zu erstellen.
Dieser Beitrag hat gezeigt, wie man die Kartenfunktion von JavaScript verwendet.
Wie verwende ich die Kartenfunktion von JavaScript?
Um die Kartenfunktion zu nutzen, verwenden Sie „ Karte() ”-Methode in JavaScript. Es ist eine JavaScript-Methode, die ein neues Array generiert, das die Ergebnisse oder Ausgaben der aufrufenden Funktion für einzelne Elemente 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 ) { } , Das ) ;
Hier:
-
- „ Funktion() “ ist in der Methode map() definiert, die einen bestimmten 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.
- „ Reihe “ 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.map() ”-Methode von JavaScript und definieren Sie eine Funktion als Parameter der definierten Methode.
- Fügen Sie dann Werte und Index als Funktionsparameter hinzu.
- Präzisiere das ' zurückkehren ” Keyword und Formel laut Code-Snippet:
var newArray = arr.map ( Funktion ( Wert, Index ) {
zurückkehren { Schlüssel:Index, Wert:Wert * Wert } ;
} )
Rufen Sie zuletzt das „ Konsole.log() “, um die Ausgabe der Konsole anzuzeigen:
Konsole.log ( neuesArray )
Beispiel 2: Kartenfunktion für Textdaten verwenden
Um die Kartenfunktion für Textdaten zu verwenden, befolgen Sie die aufgeführten Anweisungen:
-
- Initialisieren Sie eine Variable und weisen Sie dieser Variablen den Textwert zu.
- Deklarieren Sie eine weitere Variable und rufen Sie die map-Methode auf.
- Im „ Karte() ”-Methode, geben Sie die Variable und die Funktion als Parameter an.
- Verwenden Sie dann das „ zurückkehren “ und fügen Sie das Element mit dem definierten Variablenwert zur Karte hinzu. Dazu ist die „ H ”Alphabet wird hier hinzugefügt:
var fname = 'Offizier' ;
var neuerName = Array.prototype.map.call ( Vorname, Funktion ( Artikel ) {
zurückkehren Artikel + 'H' ;
} )
Verwenden Sie zum Schluss die „ Konsole.log() ”-Methode, um die Ausgabe auf der Konsole anzuzeigen:
Im Ergebnis ist die „ H “ wird jedem Alphabet des definierten Variablenwerts zugeordnet:
Das ist alles über die Verwendung der Kartenfunktion in JavaScript.
Abschluss
Um die Kartenfunktion in JavaScript zu nutzen, muss der „ Karte() ”-Methode verwendet werden, wobei die Funktion als Parameter der map-Methode definiert ist. Geben Sie außerdem das „ Wert ' Und ' Index ” als Funktionsparameter. Genauer gesagt wird die Abbildungsfunktion verwendet, um die Elemente in Form von Paarwerten zu erzeugen. In diesem Artikel wurden die verschiedenen Methoden zur Verwendung der Kartenfunktion von JavaScript angegeben.