Itererierende Array -Elemente verwenden .Kartenmethode in JavaScript

JavaScript ist eine der bekanntesten Skriptsprachen, die Arrays anbieten, um verschiedene Elemente unter demselben Namen zu speichern. In JavaScript stehen verschiedene Methoden zur Verfügung, über die wir zum Beispiel über Arrays iterieren können für Schleife, während Schleife, für jede Methode und vieles mehr, aber die häufigste unter all diesen ist das Karte() Methode.

In diesem Artikel wird erklärt .Karte() Methode in JavaScript.

Was ist die MAP () -Methode?

Der Karte() Die Methode ist eine integrierte Array-Methode, die das Array durchführt und eine Funktion auf jedem Element im Array ausführt.

• Das ursprüngliche Array bleibt übereinst.
• Es sollte auch beachtet werden, dass die Karte() Die Methode wird nicht für ein leeres Array ausgeführt.

Syntax von MAP () Methode:

myarray.map ((Wert, Index, Array) =>
zurückkehren;
);

Die Kartenmethode hat eine Rückruffunktion (das asynchrone Äquivalent einer Funktion), das drei Parameter akzeptiert:

• Wert: Es ist der aktuelle Wert oder Element des Arrays
• Index: Es ist der aktuelle Index des Array -Elements, auf dem die Funktion ausgeführt wird.
• Array: Es ist das Zielarray.

Beispiel 1

In diesem Beispiel werden wir durch ein Array durch Multiplizieren jedes Elements des Arrays mit 2:

// eine Anordnung
constMynumbers = [4, 8, 9, 15, 20];
// jedes Array -Element mit 2 multiplizieren
constmultiplied withtwo = mynumbers.map ((value) =>
Rückgabewert*2;
);
// Zeigen Sie das zurückgegebene Array an
Konsole.log (multipliedWithtwo);

Im obigen Code haben wir zuerst ein Array initialisiert und dann das angewendet Karte() Methode auf dem ursprünglichen Array. Innerhalb der Funktion haben wir den Wert multipliziert mit zwei zurückgegeben. Es ist zu beachten, dass Index- und Array -Parameter weggelassen werden können, wenn Sie sie nicht verwenden möchten. Das resultierende Array wird in gespeichert multipliedWithtwo Variable und dann haben wir diese Variable mit dem angezeigt Konsole.Protokoll() Methode.

Wir können in der obigen Ausgabe sehen, dass jedes Element des ursprünglichen Arrays mit 2 multipliziert wird, und wir haben unser gewünschtes Ergebnis erhalten.

Wenn die Operation, die Sie in jedem Element ausführen Karte() Methode wird verwendet, die unten angegeben ist:

// eine Anordnung
constMynumbers = [4, 8, 9, 15, 20];
// jedes Array -Element mit 2 multiplizieren
constmultiplied withtwo = mynumbers.MAP ((Wert) => Wert*2);
// Zeigen Sie das zurückgegebene Array an
Konsole.log (multipliedWithtwo);

Es gibt keine lockigen Klammern und Rückkehr.

Die Ausgabe ist immer noch der gleiche wie im obigen Screenshot zu sehen.

Beispiel 2

Schauen wir uns ein weiteres Beispiel an, in dem eine Reihe von Saiten durch Itereration wird:

// eine Anordnung
constfirstnames = ["Super", "BAT", "Spider", "Iron"];
// Fügen Sie den Mann mit jeder Zeichenfolge im Array hinzu
constheroesNames = FirstNames.MAP ((Wert) => Wert+"Mann");
// Zeigen Sie das zurückgegebene Array an
Konsole.log (HeroesNames);

Im obigen Code haben wir zunächst ein Array mit den Vornamen der berühmten Superhelden initialisiert. Dann haben wir die angewendet Karte() Methode auf diesem Array, in dem wir die Zeichenfolge verkettet haben "Mann" mit jedem Element der Vornamen Array. Am Ende zeigten wir das zurückgegebene Array aus dem Karte() Methode mit der Konsole.log () Methode:

Wir können das mit jedem Element sehen Mann wurde verkettet.

Abschluss

Um über ein Array zu iterieren, bietet uns JavaScript eine Vielzahl von Techniken, darunter Schleifen und die für jede() Methode. Die berühmteste Iterationstechnik ist jedoch die Karte() Methode. Der Karte() Die Methode wird für das Element jedes Arrays ausgeführt und gibt ein frisches Array zurück, das die Länge genau dem ursprünglichen Array enthält.

In diesem Beitrag wird erklärt Karte() Methode in JavaScript zusammen mit zwei Beispielen.