Einführung in JavaScript -Schleifen

Einführung in JavaScript -Schleifen

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
Einführung in JavaScript -Schleifen

Softwareanforderungen und Konventionen verwendet

Softwareanforderungen und Linux -Befehlszeilenkonventionen
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