Verschiedene Möglichkeiten, über ein Array in JavaScript zu iterieren

Verschiedene Möglichkeiten, über ein Array in JavaScript zu iterieren
In JavaScript ist das Iterieren über ein Array sehr wichtig und kann mit verschiedenen integrierten Methoden und Schleifen erreicht werden. JavaScript-Schleifenstrukturen sowie integrierte Array-Methoden iterieren Sie jedes einzelne Array-Element. Traditionelle Schleifen wie für Schlaufe und während der Schleife sind die einfachste und einfachste Möglichkeit, über ein Array zu iterieren, während die Array-Methoden wie Filter (), MAP () usw. werden verwendet, um sowohl die Array -Elemente zu überqueren und verschiedene Funktionen zu dienen.

In diesem Artikel werden die folgenden Möglichkeiten behandelt, um über ein Array in JavaScript zu iterieren:

  • Wie man über ein Array mit traditionellem For-Loop überträgt
  • Wie man über ein Array mithilfe der JavaScript foreach () -Methode iteriert
  • Wie man über ein Array mit der Schleife iteriert
  • Wie man für… von Aussagen verwendet wird, um Array -Elemente zu iterieren
  • So iterieren Sie Array -Elemente mithilfe der MAP () -Funktion

Also lasst uns anfangen!

Wie man über ein Array mit traditionellem For-Loop überträgt?

In jeder Programmiersprache einschließlich JavaScript ist der am häufigsten verwendete Weg, über ein Array zu iterieren. Der folgende Snippet hilft Ihnen dabei, die Syntax der For-Loop zu verstehen:

für (Initialisierung; Bedingung; Inkrement/Dekrement)
//Code

Hier,

  • "Initialisierung" gibt an, wo die Schleife gestartet werden soll.
  • "Zustand" gibt die Terminierungskriterien für die Schleife an.
  • Inkrement- und Dekrementbetreiber erhöhen oder verringern den Wert der angegebenen Variablen.

Beispiel: Iteriert über ein Array mit For-Loop
In diesem Programm haben wir eine Reihe von Studentennamen und werden es mit For-Loop itererieren:

stdnames = ["Seth", "Mike", "Daniel", "John", "Bryn"];
für (i = 0; i < stdNames.length; i++)
Konsole.log ("at Index", i, stdnames [i]);

In diesem Programm haben wir die folgenden Aufgaben ausgeführt:

  • Erstens haben wir ein Array erstellt, das aus fünf Elementen besteht.
  • Als nächstes verwendeten wir die for -Loop, um alle Elemente des angegebenen Arrays zu iterieren.
  • Innerhalb der FORSCHLOOP haben wir die Länge Eigenschaft verwendet, um die Länge des Arrays zu finden.
  • Schließlich haben wir die Konsole genutzt.log () Methode zum Drucken jedes Elements des angegebenen Arrays.

Auf diese Weise können wir die für die Schleife nutzen, um Array -Elemente in JavaScript zu iterieren.

Wie man über ein Array mithilfe der JavaScript foreach () -Methode iteriert

Die foreach () -Methode in JavaScript ruft eine Rückruffunktion für jedes einzelne Element des angegebenen Arrays auf. Der folgende Snippet hilft Ihnen dabei, mit der Methode foreach () zu beginnen:

ArrayName.foreach ((item) =>
//Code
);

Beispiel: iteriert über ein Array mit der foreach () -Methode
Schauen wir uns den unten angegebenen Codeblock an, um zu verstehen, wie die foreach () -Methode verwendet wird, um über ein Array in JavaScript zu iterieren:

var stdage = [15, 18, 20, 16, 17];
var string = "";
Stdage.foreach (druckage);
Funktionsdruck (Alter)
String = String + Alter + "\ n";

Konsole.log ("Schüleralter:");
Konsole.log (string);
  • Erstellen Sie zunächst ein Array und eine leere Zeichenfolge.
  • Verwenden Sie als nächstes die foreach () -Methode zusammen mit dem angegebenen Array.
  • Die für jedes einzelne Array -Element auf die Funktion „Prinage ()“ rief die Funktion „Prinage ()“ auf.
  • Die Funktion „Ausdruck“ speichert das Schüleralter in der String -Variable.
  • Schließlich druckte das Alter des Schülers auf der Konsole.

So funktioniert die foreach () -Methode in JavaScript.

Wie man über ein Array mit der Schleife iteriert?

In JavaScript kann eine Weile Schleife verwendet werden, um durch ein Array zu iterieren. Dazu müssen wir der folgenden Syntax folgen:

Initialisierung;
während (Zustand)

//Code
Inkrement/Dekrement;

Beispiel: iteriert über ein Array mit der Verwendung von der Schleife

In diesem Programm werden wir das Array mit der Schleife durchführen:

stdnames = ["Seth", "Mike", "Daniel", "John", "Bryn"];
i = 0;
während ich < stdNames.length)
Konsole.log ("at Index", i, stdnames [i]);
ich++

Das obige Programm führte die folgenden Aufgaben aus:

  • Ein Array erstellt.
  • Benutzte die while -Schleife.
  • Initialisierte die Schleife mit 0.
  • Iteriert über jedes einzelne Element des Arrays.
  • Druckte den aktuellen Index und seinen jeweiligen Wert.
  • Schließlich erhöhte die Variable.

Die Ausgabe hat die Arbeit der while -Schleife in JavaScript überprüft.

Wie man für… von Aussagen verwendet wird, um Array -Elemente zu iterieren?

Die für… von Loop/Erklärung ist ein Neuzugang in JavaScript, das in den neuesten Versionen des ES6 eingeführt wurde. Es ermöglicht es uns, über die iterablen Objekte wie Arrays, Saiten, Sätze usw. zu schieben/zu iterieren. Betrachten Sie den folgenden Snippet, um die Syntax von für… von Aussagen zu verstehen:

für (Variable iterable)
// Code

Beispiel: iteriert über ein Array, das für… von Aussagen verwendet wird
Dieses Beispielprogramm bietet Ihnen ein tiefes Verständnis der für… von Aussagen:

var stdage = [16, 18, 19, 16, 17];
var string = "";
für (var Alter der Stdage)
String = String + Alter + "\ n";

Konsole.log ("Schüleralter:");
Konsole.log (string);

Das obige Programm diente den unten aufgeführten Funktionen:

  • Erstellt ein Array und eine leere Zeichenfolge.
  • Verwendete die für… von Aussagen.
  • Iteriert über jedes einzelne Array -Element.
  • Speichert das Schüleralter in der String -Variable.
  • Schließlich druckte das Alter des Schülers auf der Konsole.

Die Ausgabe überprüfte die Arbeit der für… von Aussagen in JavaScript.

So iterieren Sie Array -Elemente mithilfe der MAP () -Funktion?

In JavaScript kann die Funktion map () verwendet werden, um ein neues Array von zugeordneten Elementen zu erhalten. Die Methode map () ruft eine Funktion für jedes einzelne Array -Element auf.

Im Folgenden finden Sie die Syntax für die Array map () -Methode:

ArrayName.map (functionAname);

Beispiel: Iteriert über ein Array mithilfe der Kartenmethode
In diesem Programm werden wir die Kartenmethode verwenden, um über das Array zu iterieren:

var stdage = [15, 20, 17, 16, 19];
var doublleage = stdage.Karte (Twiceage)
Funktion Twiceage (Ergebnis)
Rückgabeergebnis * 2;

Konsole.log ("Original Array:", Stdage);
Konsole.log ("resultierendes Array:", DoubleAge);

Der obige Code -Snippet führte die folgenden aufgeführten Funktionen aus:

  • Ein Array erstellt.
  • Verwendete die Funktion map (), um über das angegebene Array zu iterieren.
  • MAP () Methode multipliziert jedes Element mit 2 und gab es zurück.

Die Ausgabe hat klargestellt.

In ähnlicher Weise können wir einige andere bekannte integrierte Array-Methoden verwenden, um zum Beispiel „Array“ über ein Array zu iterieren.filter () ”,„ Array.einige () “,„ Array.jeder () “und so weiter.

Abschluss

JavaScript bietet mehrere Möglichkeiten wie Schleifen und einige integrierte Array-Methoden, um über ein Array zu iterieren. In JavaScript, die Array -Iterationsfunktionen wie die foreach (), map (), filter () usw. betreiben Sie jedes Array -Element. In diesem Artikel wurden fünf häufig verwendete Möglichkeiten zum IT-ITRAY-Elementen in JavaScript erläutert. Für ein tiefgreifendes Verständnis der Konzepte erläuterte sie jede Iterationsmethode anhand der besten geeigneten Beispiele.