JavaScript-Flusskontrolle (Schleife)

1. for-Schleife

In einem Programm wird eine Gruppe von Anweisungen, die wiederholt ausgeführt werden, als Schleifenkörper bezeichnet. Ob die Ausführung fortgesetzt werden kann, hängt von der Beendigungsbedingung der Schleife ab. Eine Anweisung, die aus einem Schleifenkörper und der Schleifenbeendigungsbedingung besteht, wird als Schleifenanweisung bezeichnet.
Die for Schleife wird hauptsächlich dazu verwendet, bestimmten Code mehrmals auszuführen, normalerweise im Zusammenhang mit Zählen.

Seine grammatische Struktur ist wie folgt:

für (Variable initialisieren; bedingter Ausdruck; Operationsausdruck) {
    //Schleifenkörper}

• Variablen initialisieren: Wird normalerweise zum Initialisieren eines Zählers verwendet. Dieser Ausdruck kann das Schlüsselwort var verwenden, um eine neue Variable zu deklarieren, die uns hilft, die Anzahl der Male aufzuzeichnen.
• Bedingter Ausdruck: Wird verwendet, um zu bestimmen, ob jede Schleife ausgeführt werden kann. Wenn das Ergebnis true ist, setzen Sie die Schleife fort, andernfalls verlassen Sie die Schleife.
• Operationsausdruck: Ein Ausdruck, der am Ende jeder Schleife ausgeführt wird. Wird normalerweise verwendet, um eine Zählervariable zu aktualisieren oder zu erhöhen. Natürlich ist auch eine Dekrementierung der Variable möglich.

Verwenden Sie beispielsweise eine For-Schleife, um denselben Code auszuführen: Geben Sie zehnmal „I love learning front-end“ aus.

für(i=0;i<10;i++){
    console.log('Ich liebe es, Front-End zu lernen');
}

Die Ausgabe ist:

Ein weiteres Beispiel ist die Verwendung einer For-Schleife zum Ausführen verschiedener Codes: Ausgabe des Alters einer Person auf einer Skala von 1 bis 20.

für (var i = 1; i <= 20; i++) {
    console.log('Diese Person ist' + i + 'Jahre alt');
}

Die Ausgabe ist:

2. Doppelte for-Schleife

Schleifenverschachtelung bezieht sich auf die grammatische Struktur der Definition einer weiteren Schleifenanweisung in einer Schleifenanweisung. Beispielsweise können Sie in einer For-Schleifenanweisung eine weitere For-Schleife verschachteln. Wir nennen eine solche For-Schleifenanweisung eine doppelte For-Schleife.

Grammatische Struktur:

für (Start der äußeren Schleife; Bedingung der äußeren Schleife; Ausdruck der Operation der äußeren Schleife) {
    für (Start der inneren Schleife; Bedingung der inneren Schleife; Ausdruck der Operation der inneren Schleife) {  
       Der auszuführende Code;
   }
}

• Die innere Schleife kann als Anweisung der äußeren Schleife betrachtet werden
• Die Ausführungsreihenfolge der inneren Schleife muss auch der Ausführungsreihenfolge der for Schleife entsprechen.
• Die äußere Schleife wird einmal ausgeführt, die innere Schleife wird immer ausgeführt.

Drucken Sie beispielsweise fünf Reihen und fünf Spalten mit Sternen.

Kern:

• (1) Die innere Schleife ist für den Druck von fünf Sternen in einer Reihe verantwortlich
• (2) Die äußere Schleife ist für den Druck von fünf Zeilen verantwortlich

var Stern = '';
für (var j = 1; j <= 3; j++) {
    für (var i = 1; i <= 3; i++) {
      Stern += '☆'
    }
    //Füge jedes Mal einen Zeilenumbruch hinzu, wenn 5 Sterne erreicht sind star += '\n'
}
konsole.log(Stern);

Die laufenden Ergebnisse sind:

3. While-Schleife

Die while -Anweisung kann einen angegebenen Codeabschnitt in einer Schleife ausführen, während der bedingte Ausdruck wahr ist, und die Schleife beenden, wenn der Ausdruck nicht wahr ist.

Die Syntax der while-Anweisung lautet wie folgt:

während (bedingter Ausdruck) {
    // Code des Schleifenkörpers}

Umsetzungsideen:

• (1) Führen Sie zuerst den bedingten Ausdruck aus. Wenn das Ergebnis true ist, führen Sie den Code des Schleifenkörpers aus. Wenn es false ist, verlassen Sie die Schleife und führen Sie den folgenden Code aus
• (2) Führen Sie den Code der Schleife aus
• (3) Nachdem der Code des Schleifenkörpers ausgeführt wurde, beurteilt das Programm weiterhin den Ausdruck der Ausführungsbedingung. Wenn die Bedingung immer noch true ist, wird der Schleifenkörper weiter ausgeführt, bis die Schleifenbedingung false ist, und der gesamte Schleifenprozess wird beendet.

Es ist zu beachten, dass:

Beachten Sie bei der Verwendung while -Schleife unbedingt, dass diese eine Beendigungsbedingung haben muss, da es sich sonst um eine Endlosschleife handelt.
Der Unterschied zwischen while Schleife und der for-Schleife besteht darin, dass while Schleife komplexere bedingte Beurteilungen vornehmen kann, z. B. die Beurteilung des Benutzernamens und des Kennworts

Verwenden Sie beispielsweise eine While-Schleife, um die Summe aller Ganzzahlen zwischen 1 und 100 zu berechnen.

var Summe = 0;
var i = 0;
während(i<=100){
    Summe += i;
    ich++;
}
konsole.log(Summe);

Die Ausgabe ist:

4. do while-Schleife

do… while -Anweisung ist eigentlich eine Variation der while -Anweisung. Die Schleife führt den Codeblock einmal aus und beurteilt dann den bedingten Ausdruck. Wenn die Bedingung erfüllt ist, wird der Schleifenkörper wiederholt ausgeführt, andernfalls wird die Schleife verlassen.

Die grammatikalische Struktur der do... while-Anweisung ist wie folgt:

Tun {
    // Code des Schleifenkörpers – führen Sie den Code des Schleifenkörpers wiederholt aus, solange der bedingte Ausdruck wahr ist } while(bedingter Ausdruck);

Umsetzungsideen:

• Führen Sie den Loop-Code einmal aus
• Führen Sie den bedingten Ausdruck erneut aus. Wenn das Ergebnis true ist, fahren Sie mit der Ausführung des Codes im Schleifenkörper fort. Wenn es false ist, verlassen Sie die Schleife und fahren Sie mit der Ausführung des folgenden Codes fort.

Hinweis: Führen Sie zuerst den Schleifenkörper aus und beurteilen Sie dann. Sie werden feststellen, dass die do ... while-Schleifenanweisung den Schleifenkörpercode mindestens einmal ausführt

Beispiel: Berechnen Sie die Summe aller Ganzzahlen zwischen 1 und 100 durch eine do while-Schleife.

var Summe = 0;
var i = 0;
Tun{
    Summe += i;
    ich++;
}während(i<=100)
konsole.log(Summe);

5. Zykluszusammenfassung

In JS gibt es for -Schleifen, while und do while -Schleifen.
Die drei Schleifen können in vielen Fällen austauschbar verwendet werden. Wenn es zum Zählen der Anzahl der Male verwendet wird, sind die drei Schleifen im Grunde gleich, aber wir verwenden sie lieber für
while und do…while können komplexere Beurteilungsbedingungen stellen und sind flexibler als for-Schleifen.
Die Ausführungsreihenfolge while und do…while ist unterschiedlich. While beurteilt zuerst und führt dann aus, while do...while führt zuerst einmal aus und beurteilt dann und führt aus
Die Ausführungszeiten von while und do…while sind unterschiedlich. do...while führt den Schleifenkörper mindestens einmal aus, während while ihn möglicherweise nicht einmal ausführt.

6. Pause fortsetzen

1. Das Schlüsselwort continue

Das Schlüsselwort continue wird verwendet, um sofort aus der aktuellen Schleife zu springen und mit der nächsten Schleife fortzufahren (der Code nach continue im aktuellen Schleifenkörper wird ein Mal weniger ausgeführt).
Beispiel: Wenn Sie 5 Brötchen essen und auf dem dritten ist ein Käfer, sollten Sie das dritte wegwerfen und mit dem vierten und fünften Brötchen fortfahren.

Die Codeimplementierung lautet wie folgt:

für (var i = 1; i <= 5; i++) {
     wenn (i == 3) {
         console.log('Dieses Brötchen hat Käfer, wirf es weg');
         weiter; // Aus dieser Schleife herausspringen, das Herausspringen ist die dritte Schleife}
      console.log('Ich esse das ' + i + 'te Brötchen');
 }

2. Schlüsselwort „break“

Mit dem Schlüsselwort break kann sofort aus der gesamten Schleife herausgesprungen werden (Ende der Schleife).

Wenn Sie beispielsweise 5 Brötchen essen und feststellen, dass in der Hälfte des dritten Brötchens ein Käfer ist, essen Sie den Rest nicht. Der Code lautet wie folgt:

für (var i = 1; i <= 5; i++) {
   wenn (i == 3) {
       break; // Verlasse direkt die gesamte for-Schleife und springe zur Anweisung unterhalb der gesamten for-Schleife }
   console.log('Ich esse das ' + i + 'te Brötchen');
 }

Dies ist das Ende dieses Artikels über JavaScript-Flusssteuerung (Schleife). Weitere relevante Inhalte zur JavaScript-Flusssteuerung finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!