Wie man ein Array in JavaScript durchschließe/iteriert

Schleifen sind Schlüsselkomponenten jeder Programmiersprache. Sie werden verwendet, um denselben Code oder Logik immer wieder in einem Zyklus auszuführen. Normalerweise haben Schleifen einen Indexwert, der jedes Mal unterschiedlich ist, wenn sich die Schleife wiederholt. In JavaScript gibt es verschiedene Arten von Schleifen, die uns helfen, über ein Array zu iterieren. Ein Array ist eine Sammlung, mit der verschiedene Elemente gespeichert werden. Ein Beispiel für ein Array in JavaScript ist:

const names = ['John', 'Chris', 'Harry'];

Um ein Element aus diesem Array zu erhalten, geben wir nur den Index und den Namen des Arrays an:

Konsole.log (Namen [2]);

Dadurch wird „Harry“ zurückgegeben, wenn die Indizierung von 0 beginnt.

Wir haben gesehen, dass wir ein Element aus einem Array erhalten können, indem wir eine Indexnummer angeben. Aber es wäre zu hektisch, wenn es in der oben genannten Array 100 Namen gäbe. Die Lösung verwendet Schleifen; Schleifen können Arrays mit zahlreichen Einträgen problemlos verarbeiten. Dieser Beitrag konzentriert.

Notiz: Die Browserkonsole wird zur Demonstration von Beispielen in diesem Artikel verwendet.

Wie man durch ein Array mit JavaScript für die Schleife durchträgt

A für Schleife ist eine Schleife, die eine Aktion wiederholt, solange eine bestimmte Bedingung wahr ist. Wenn die Bedingung falsch wird, bricht die Schleife. Die Syntax von for Loop in JavaScript ähnelt der in Java oder C; Die einfachste für die Schleifensyntax ist:

für (variable initialisieren; einige Zustand; variable Inkremente/Dekremente)
// ein Code, der ausgeführt wird

Beispiel für die Iteration durch eine für die Schleife über einem Array ist:

const names = ['John', 'Chris', 'Harry'];
für (lass index = 0; index < names.length; index++)
Konsole.log (Namen [2]);

Wir haben zuerst ein Array namens Namen deklariert, dann eine für Schleife und initialisierte eine Variable namens Index in der für Schleife; Dies fungiert als Index für das Array. Danach setzen wir die Bedingung ein, dass die Schleife laufen sollte, bis sie weniger als die Arraylänge I-E von 0 bis 2 (insgesamt 3-mal) ist. Die letzte Klammung teilt der Schleife mit, dass für jeden Zyklus den Index um 1 erhöht. In jedem Zyklus der Schleife haben wir die Array -Elemente nacheinander konsole unter Verwendung der initialisierten Variablen, die Index ist.

Einfach ausgedrückt, die Schleife beginnt am 0. Index und dann wird die Länge des Arrays überprüft. Wenn die Bedingung wahr ist, führt Loop den Codeblock aus, der sich in den Klammern befindet. Danach erhöht es "Index" und überprüft dann den Zustand erneut. Der gleiche Zyklus wiederholt sich, bis die angegebene Bedingung nicht mehr wahr ist.

Wie man durch ein Array mit JavaScript während der Schleife durchträgt

Syntaktisch ist JavaScript, während die Schleife auch C oder Java während der Schleife ähnelt. Beispiel für die Iterierung eines Arrays mit der Verwendung von Schleifen in JavaScript ist:

const names = ['John', 'Chris', 'Harry'];
Index = 0;
während (IndexKonsole.log (Namen [Index]);
Index ++;

Wie man durch ein Array mit JavaScript für/von Schleife durchträgt

Die für/der Schleife wird auch verwendet, um die Elemente/Elemente eines Arrays zu durchschleifen:

const names = ['John', 'Chris', 'Harry'];
für (Name der Namen)
Konsole.log (name);

Wie man durch ein Array mit JavaScript foreach Loop durchträgt

Die Methode foreach () ruft eine angegebene Rückruffunktion für jedes Element im Array auf oder führt sie aus. Es braucht drei Argumente; Das aktuelle Element/Element, Index und das Array selbst.

const names = ['John', 'Chris', 'Harry'];
Namen.foreach (element =>
Konsole.log (Element);
);

Im obigen Beispiel haben wir eine Pfeilfunktion verwendet, die das aktuelle Element des Arrays als Argument in der .foreach () Schleife zur Konsole.Protokollieren Sie jedes Element.

So iterieren Sie durch ein Array mit der Kartenmethode in JavaScript durch ein Array

Die Methode map () iteriert über ein Array, indem er ein neues Array erstellt. Für jedes Element im ursprünglichen Array wird eine Funktion i ausgeführt.e. Die Pfeilfunktion mit NUM als Argument im folgenden Beispiel. Es ändert das ursprüngliche Array nicht. Nehmen wir nun an, wir haben eine Reihe von Zahlen von 1 bis 5. Wir möchten, dass jede Nummer mit 2 multipliziert wird. Wir können dies wie folgt erreichen:

Sei Tabelle 1 = [1,2,3,4,5];
Lassen Sie Tabelle 2 = Tabelle 1.map (num => num * 2);
Konsole.log (Tabelle 2);

Wie man durch ein Array mit jeder Methode in JavaScript durchträgt

In der Methode jeder () werden in jedem Element des Arrays eine durch die bereitgestellte Funktion implementierte Bedingung übergeben. Es führt eine Funktion für jedes Element einmal aus. Es gibt entweder wahr oder falsch zurück, je nachdem, ob jedes Element den Test bestanden hat oder nicht:

const islessthanten = (Stromwert) => Stromwert < 10;
const arr = [1, 3, 4, 3, 5, 7];
Konsole.log (arr.jeder (islessthanten));

Wenn wir nun das Array im obigen Beispiel ändern:

const arr = [1, 3, 16, 3, 5, 7];

Abschluss

In JavaScript -Arrays befinden sich ein Datentyp, mit dem ähnliche Datenarten gespeichert werden. Diese Daten können leicht zugegriffen und manipuliert werden, indem verschiedene Schleifen und Methoden von JavaScript verwendet werden. In diesem Beitrag haben wir die Grundlagen des Iterierens über ein Array in JavaScript behandelt. Wir haben auch eine Iteration durch ein Array von für, während für/von foreach () Schleifen, MAP () und jeder () Methode besprochen.

Dies sind nicht die einzigen Methoden, die verwendet werden können, um über ein Array zu iterieren. Es gibt Dutzende mehr. Diejenigen, die wir besprochen haben.