Einführung in JavaScript -Schleifen

- 2383
- 551
- Aileen Dylus
Heutzutage kann JavaScript leicht als die am häufigsten verwendete Programmiersprache definiert werden: Es wird auf einer Vielzahl von Plattformen verwendet, es ist in Webbrowser integriert und dank der Knoten.JS Laufzeit kann auch serverseitig verwendet werden. In diesem Tutorial sehen wir die Loops, die wir im modernen JavaScript verwendet werden können.
In diesem Tutorial lernen Sie:
- Was ist die Syntax und wie die while Schleife in JavaScript funktioniert?
- Die Syntax des DO/während der Schleife und wie es in JavaScript funktioniert
- Die Syntax der für Schleife und wie sie in JavaScript funktioniert
- Die Syntax der for/der Schleife und wie sie in JavaScript funktioniert
- Die Syntax der for/in Loop und wie sie in JavaScript funktioniert

Softwareanforderungen und Konventionen verwendet
Kategorie | Anforderungen, Konventionen oder Softwareversion verwendet |
---|---|
System | Verteilungsunabhängige |
Software | Knoten.JS, um JavaScript außerhalb von Webbrowsern zu verwenden |
Andere | Grundkenntnisse über JavaScript und objektorientierte Programmierung |
Konventionen | # - erfordert, dass gegebene Linux -Befehle mit Root -Berechtigungen entweder direkt als Stammbenutzer oder mit Verwendung von ausgeführt werden können sudo Befehl$ - Erfordert, dass die angegebenen Linux-Befehle als regelmäßiger nicht privilegierter Benutzer ausgeführt werden können |
Die while Schleife
Der während Die Schleife in JavaScript funktioniert genauso wie Sie vielleicht erwarten, und Sie sind es in anderen Programmiersprachen gewohnt. Seine Syntax ist die folgende:
while (Bedingung) Aussage
Kopieren Der Schleifenkörper wird so lange ausgeführt wie die Zustand, bei jeder Iteration überprüft, bewertet zu WAHR. Hier ist ein Beispiel für das während Schleife in Aktion:
Zähle = 0; während (Zähler < 5) console.log(counter); counter++;
Kopieren Während der Schleifenausführung erhalten wir die folgende Ausgabe:
0 1 2 3 4
Am Ende der Wert der Schalter Variable wird sein 5
:
> Zähler 5
Die Do/while -Schleife
Der tun/während Die Schleifensyntax ist die folgende:
erklärung während (Bedingung)
Kopieren Es funktioniert ähnlich wie die während Schleife, die wir gerade gesehen haben, mit nur einem Unterschied. Zeigen wir es mit einem Beispiel:
Zähle = 5; mach Konsole.log (Zähler) Zähler ++; während (Zähler < 5);
Kopieren Lassen Sie uns den Wert des Werts überprüfen Schalter Variable nach der Ausführung der Schleife:
> Zähler 6
Anfangs haben wir einen Wert von zugewiesen 5
zum Schalter Variable. Auch wenn der Testzustand der Schleife bewertet wird FALSCH (Schalter < 5
) der Wert der Schalter Variable wird von 1 erhöht, also ist es am Ende also 6
. Das liegt daran, dass in a tun/während Schleife wird der Schleifenkörper immer mindestens einmal ausgeführt und als so lange wiederholt wie der Zustand bewertet WAHR.
Die für Schleife
Der für Schleife ist die klassische Schleife im C-Stil:
für ([Initialisierung]; [Bedingung]; [endgültige Expression]) Aussage
Kopieren Der Initialisierung Enthält in einer variablen Deklaration in der Regel einmal vor der Ausführung der Schleife bewertet. Der Zustand wird vor jeder Iteration der Schleife getestet; Wenn es bewertet wird WAHR Die Stellungnahme wird ausgeführt. Der Endausdruck Der Ausdruck wird stattdessen am Ende jeder Iteration der Schleife bewertet. Die drei Blöcke sind Optional, und jeder von ihnen kann weggelassen werden; jedoch eine typische Verwendung der für Schleife ist Folgendes:
für (lass i = 0; i < 5; i++) console.log(i)
Kopieren Wir haben die benutzt lassen Schlüsselwort, um die initialisieren ich Variable mit einem Wert von 0
, Dann setzen wir die Zustand, so dass die Schleifenanweisung so lange ausgeführt wird wie der Wert der ich Variable ist geringer als 5
. Schließlich setzen wir die Endausdruck so dass der Wert der ich Die Variable wird nach jeder Schleife -Iteration von einem erhöht. Wenn wir den obigen Code ausführen, erhalten wir das folgende Ergebnis:
0 1 2 3 4
Die für/der Schleife
Der für/von Schleife wurde in JavaScript mit eingeführt Es6. Diese Art von Schleife kann verwendet werden wiederholbar Objekte wie z Arrays (oder Array-ähnliche Objekte wie z Nodelist), Saiten, Karte, Satz. usw. Seine Syntax ist die folgende:
für (Variable iterable) Anweisung
Kopieren Angenommen, wir haben das folgende Array:
const my_array = ['bruce', 'John', 'Marta'];
Kopieren Wir können über die mit dem iterieren für/von Schleife sehr leicht:
für (lass ich von my_array) Konsole.log (i);
Kopieren Der obige Code gibt uns die folgenden Ergebnisse:
Bruce John Marta
Wie oben erwähnt, die für/von Schleife kann auch für Zeichenfolgen verwendet werden:
const Site = "LinuxConfig.org "; für (const c der Stelle) Konsole.log (c);
Kopieren Die Schleife wird über jedes Zeichen der Zeichenfolge iteriert, wobei das folgende Ergebnis verwendet wird:
l i n u x c o n f i g . o r g
Der für/von Schleife funktioniert auch auf Karte Und Satz Objekte. Ein Kartenobjekt kann wie eine Art Array beschrieben werden, in dem willkürliche Werte als Schlüssel anstelle von nur Ganzzahlen verwendet werden können. Um ein Kartenobjekt zu definieren, können wir den Kartenklassenkonstruktor verwenden und optional ein Array übergeben, das sich zwei Elemente enthält: Arrays:
const my_map = new map (['name', 'frodo'], ['race', 'Hobbit']);
Kopieren Um das Kartenobjekt zu iterieren, haben wir gerade mit dem erstellt für/von Schleife, wir würden schreiben:
für (const name_value_pair von my_map) console.log (name_value_pair);
Kopieren Wir würden erhalten:
['Name', 'Frodo'] ['Rasse', 'Hobbit']
Kopieren A Satz Objekt kann auch als eine Art Variante eines Arrays angesehen werden. Der Unterschied zwischen als ein festgelegtem Objekt und einem Array besteht darin, dass ersterer nicht indiziert und nicht geordnet ist und keine doppelten Werte enthalten kann. Um ein eingestelltes Objekt zu definieren, verwenden wir die Satz Klassenkonstruktor:
const my_set = new set (['frodo', 1]);
Kopieren Um das Set zu iterieren, schreiben wir:
für (const Element von my_set) Konsole.log (Element);
Kopieren Wie Sie erwarten könnten, würden wir das folgende Ergebnis erzielen:
Frodo 1
Der für/von Schleife kann nicht verwendet werden nicht kritische Objekte, wie „reguläre“ Objekte. Was wir tun können, ist, über das Array der Objektschlüssel oder das Array der entsprechenden Werte zu iterieren. Um ein Array mit allen Schlüssel eines Objekts zu erhalten, können wir die verwenden Objekt.Schlüssel
Methode, unser Objekt als Argument übergeben. Angenommen, wir haben das folgende Objekt:
Sei Charakter = Name: 'Frodo', Rasse: 'Hobbit'
Kopieren Wenn wir versuchen, das zu verwenden für/von Schleife darauf erhalten wir einen Fehler:
für (const j des Zeichens) Konsole.log (j); Uncortn TypeError: Charakter ist nicht iterbar
Kopieren Wir konnten den folgenden Code schreiben, um die Schlüssel mit der Tasten zu iterieren für/von Schleife:
für (const Schlüssel des Objekts.Schlüssel (Zeichen)) Konsole.log ('$ key ist: $ charakter [key]');
Kopieren Wir würden das folgende Ergebnis erhalten:
Name ist: Frodo Race ist: Hobbit
Iterieren direkt über die Objektwerte. Es ist genauso einfach: Wir können die verwenden Objekt.Werte
Methode, um ein Array zu erhalten, das alle mit den Objektschlüssel zugeordneten Werten enthält:
für (const i des Objekts.Werte (Zeichen)) Konsole.log (i);
Kopieren Wie Sie vielleicht erwarten, ist die Ausgabe:
Frodo Hobbit
Die für/in Schleife
Der für in Schleife in JavaScript iteriert über alle Aufzählbar Eigenschaften eines Objekts unter Verwendung einer willkürlichen Reihenfolge. Es funktioniert auf den von Saiten dargestellten Eigenschaften, sodass es überspringt Symbole. Die Schleifensyntax ist die folgende:
Für (Variable im Objekt) Anweisung
Kopieren Wenn es in Arrays verwendet wird, wird es über die Indizes iteriert my_array Array, das wir zuvor definiert haben:
für (const Schlüssel in my_array) Konsole.Protokoll (Schlüssel);
Kopieren wird die folgenden Ergebnisse erzeugen:
0 1 2
Hier ist, wie die Verwendung der Verwendung der für in Schleife können den Code, den wir zuvor verwendet haben Charakter Objekteigenschaften:
für (const Schlüssel in Zeichen) Konsole.log ('$ key ist: $ charakter [key]');
Kopieren Schlussfolgerungen
In diesem Artikel haben wir gesehen während und das tun/während Schleifen und fortfahren, um die zu untersuchen für, für/von Und für in Schleifen und ihre Syntax. Wenn Sie an JavaScript als Thema interessiert sind, können Sie sich unsere Artikel über Pfeilfunktionen oder Funktionen höherer Ordnung ansehen.
Verwandte Linux -Tutorials:
- Mastering -Bash -Skriptschleifen beherrschen
- Verschachtelte Schleifen in Bash -Skripten
- Eine Einführung in Linux -Automatisierung, Tools und Techniken
- Dinge zu installieren auf Ubuntu 20.04
- Wie oft müssen Sie Ihren Linux -Server neu starten??
- Mint 20: Besser als Ubuntu und Microsoft Windows?
- Linux -Konfigurationsdateien: Top 30 am wichtigsten
- Schleifen mit Beispielen verprügeln
- Dinge zu tun nach der Installation Ubuntu 20.04 fokale Fossa Linux
- So installieren Sie Kubernetes auf Ubuntu 20.04 fokale Fossa Linux