Für, für… von und für… in Schleifen in JavaScript | Erklärt

Für, für… von und für… in Schleifen in JavaScript | Erklärt
In Programmiersprachen werden Schleifen am meisten verwendet, um wiederholt einen Block oder ein Stück Code für einen festgelegten Zeitraum oder bis eine bestimmte Bedingung erfüllt ist. JavaScript ist nicht anders, wenn es um Schleifen geht. Die traditionellen Loops, die in anderen Programmiersprachen verwendet werden, sind Für, während, Und tu während die alle sind auch in JavaScript vorhanden, aber mit der Ankunft von ES6 einige modifizierte Versionen von Für Schleifen wurden eingeführt. Diese waren "Für… von “ Und "Für in" Schleifen. Wir werden abdecken Für Schleife, für die Schleife, Und Für die Schleife im Detail.

Für Schleife in JavaScript

Die häufigste und am häufigsten verwendete Schleife in JavaScript und wahrscheinlich auch in allen anderen Programmiersprachen ist die Für Schleife. Wie wir bereits erläutert haben, werden diese Schleifen verwendet, um wiederholt einen Code -Stück auszuführen oder aufzurufen, bis eine bestimmte Bedingung erfüllt ist. Diese Bedingung wird im zweiten Parameter des Für Schleife. Für Schleife wird üblich. Basierend darauf setzen wir unseren Zustand.

Syntax von für Schleife

für (initialize-variable;
// Körper der für Schleife
  • Initialisieren-variable: Initialisieren Sie eine Variable im ersten Parameter.
  • Zu-BE-MET: Definieren Sie eine Erkrankung, unter der die Schleife iterieren wird.
  • Endgültige Ausdruck: Aufgabe, am Ende der Iteration der Schleife auszuführen

Notiz: Die Parameter der for-Schleife werden durch ein halbkolones „getrennt“; Und sind alle optional in JavaScript.

Beispiel: Nehmen wir ein Beispiel, in dem wir die ersten 10 Ziffern von einem ausdrucken müssen. Wenn wir es ohne Schleife tun, sieht unser Code so aus:

Konsole.log (1);
Konsole.Protokoll (2);
Konsole.Protokoll (3);
Konsole.Protokoll (4);
Konsole.Protokoll (5);
Konsole.Protokoll (6);
Konsole.Protokoll (7);
Konsole.Protokoll (8);
Konsole.Protokoll (9);
Konsole.log (10);

Die Ausgabe:

Ausgabe ist genau das, was wir wollten, aber es ist keine effiziente Art, dies zu tun. Versuchen wir, die für die Loop für das gleiche Problem zu verwenden. Der Code ist als:

für (lass i = 0; i <=10 ; i ++)
Konsole.Protokoll (i)

Die Ausgabe ist genau der gleiche:

Wenn wir den Code durchgehen, haben wir eine blockgeschützte Zählervariable „I“ erstellt und ihn mit einem Ganzzahlwert 0 initialisiert. Im zweiten Parameter setzen wir eine Bedingung, die wir ausführen möchten, bis die Zählervariable den Wert 10 erreicht, und im letzten Parameter setzen wir einen endgültigen Ausdruck, um diese Zählervariable jedes Mal zu erhöhen, wenn die Schleife das Ende von jedem erreicht Wiederholung.

Wie arbeitet man mit Arrays, die für die Schleife verwendet werden

Loops können auch verwendet werden, um durch Arrays und ihren Wert zu iterieren, um zu demonstrieren, dass wir ein Array benötigen werden. Erstellen Sie eine Reihe von Zahlen mit der folgenden Anweisung:

Array = [1,5,88,24,25,137,37,28,173,222];

Verwenden wir Schleifen zugreifen auf jedes Element in diesem Array und drucken Sie seinen Wert unter Verwendung der folgenden Anweisungen aus:

für (i = 0; i < array.length ; i++)
Konsole.log (Array [i]);

Die Ausgabe ist:

Notiz: Wir haben den Zustand benutzt, ich < array.length because the index of the last element in the array, will always be one less than the length of the array and that is because in arrays the index starts from zero

Wir können sogar die for -Schleife verwenden, um im Array vom letzten bis zuerst mit dem Code zu traversen:

für (lass i = Array.Länge-1; i> = 0; ich--)
Konsole.log (Array [i]);

Wir haben die Zählervariable mit einem Wert von weniger als der Länge dieses Arrays initialisiert, um auf das letzte Element des Arrays zuzugreifen. Die Ausgabe ist:

Die For-of-Loop in JavaScript

Die For-of-Loop wird verwendet, um über iterable Objekte zu iterieren. Diese Objekte können Arrays, Sätze, Objekte und sogar Zeichenfolgen sein. Die für… der Schleife gibt den Wert der Elemente der iterbaren Objekte zurück:

Syntax der für die Schleife

für (Element von Array)
// Körper der Schleife
  • Element: ist der Name der Variablen, die wir jedem Element im Array geben werden.
  • Array: ist das Array, das wir durchqueren

Nehmen wir eine Reihe von Variablenwerten, um die Arbeit von For-of-Loop besser zu verstehen: Werte von Variablen:

Array = [1,4,56, "Cash", "Car", 63, 69, "Google", "Moon", "Mercury"];

Verwenden Sie nun die For-of-Loop, um die Elemente mit den folgenden Codezeilen durchzusetzen:

für (Elem von Array)
Konsole.log (elem);

Die Ausgabe ist:

Wir haben die Elemente des Arrays mit der für… von Schleife durchquert.

Durch die für die Schleife durchschleifen eine Zeichenfolge durch eine Zeichenfolge

Wir können die For-of-Loop verwenden, um jedes Zeichen eines Zeichenfolgenwerts durchzugehen. Lassen Sie uns eine String -Variable unter Verwendung der folgenden Anweisung in JavaScript erstellen.

var surt = "Willkommen bei LinuxHint!";

Iterieren Sie jetzt jeden Charakter dieser Variablen mit den Befehlen:

für (Zeichen des Satzes)
Konsole.log (char);

Wir erhalten die folgende Ausgabe in unserer Konsole:

Wie Sie sehen können, konnten wir mit Hilfe des For-of-Loops auf jeden einzelnen Zeichen innerhalb einer Zeichenfolge zugreifen.

Die für die In-In-Schleife:

Mit der LOOP wird die Eigenschaften der Elemente innerhalb der iterablen Objekte über die Eigenschaften der Elemente iteriert, um dies auf eine viel bessere Weise zu verstehen. Wir erstellen ein Objekt mit Schlüsselwertpaaren mit den folgenden Aussagen:

const person = FirstName: "John", Lastname: "Doe", Alter: 22, Stadt: "Newyork";

Drucken wir die „Schlüsselwerte“ dieses Objekts, indem wir die für… in… Schleife durch diese Aussagen verwenden:

für (Props persönlich)
Konsole.log (props);

Die Ausgabe ist:

Wie Sie sehen können, greift der For-In-Schleifen auf die Namen der Eigenschaften der Elemente zu.

Abschluss

Der Für Schleife ist die am weitesten verbreitete Schleife; JavaScript kommt mit seiner Variation für Schleife, die für die Schleife, und das für die Schleife. Wir haben etwas über die Syntax und die Arbeit des gelernt für Schleifen. Danach lernten wir etwas über das für in und das für Schleife und wie sie funktionieren und was sie mit ihren Beispielen zurückkehren, und wir haben sogar den Unterschied zwischen den beiden Varianten gelernt.