Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der Verwendung der While-Schleife in JavaScript_Grundkenntnisse
Beim Schreiben eines Programms kann es vorkommen, dass Sie einige Vorgänge immer wieder ausführen müssen. In diesem Fall müssen Sie Schleifenanweisungen schreiben, um die Codemenge zu reduzieren.
JavaScript unterstützt alle notwendigen Schleifen, um Sie bei allen Programmierschritten zu unterstützen.
While-Schleife
Die grundlegendste Schleife in JavaScript ist die while-Schleife, die in diesem Tutorial besprochen wird.
Grammatik
while (expression){ Statement(s) to be executed if expression is true }
Der Zweck der while-Schleife besteht darin, eine Anweisung oder einen Codeblock wiederholt auszuführen (solange der Ausdruck wahr ist). Sobald der Ausdruck falsch ist, wird die Schleife verlassen.
Beispiel:
Das folgende Beispiel veranschaulicht eine einfache While-Schleife:
<script type="text/javascript"> <!-- var count = 0; document.write("Starting Loop" + "<br />"); while (count < 10){ document.write("Current Count : " + count + "<br />"); count++; } document.write("Loop stopped!"); //--> </script>
Dies führt zu folgenden Ergebnissen:
Starting Loop Current Count : 0 Current Count : 1 Current Count : 2 Current Count : 3 Current Count : 4 Current Count : 5 Current Count : 6 Current Count : 7 Current Count : 8 Current Count : 9 Loop stopped!
Machen Sie...while-Schleife:
do...while-Schleife ähnelt einer while-Schleife, außer dass die Bedingungsprüfung am Ende der Schleife erfolgt. Dies bedeutet, dass die Schleife immer mindestens einmal ausgeführt wird, auch wenn die Bedingung falsch ist.
Grammatik
do{ Statement(s) to be executed; } while (expression);
Beachten Sie die Verwendung eines Semikolons am Ende der do...while-Schleife.
Beispiel:
Schreiben Sie beispielsweise im obigen Beispiel ein do...while-Schleifenprogramm.
<script type="text/javascript"> <!-- var count = 0; document.write("Starting Loop" + "<br />"); do{ document.write("Current Count : " + count + "<br />"); count++; }while (count < 0); document.write("Loop stopped!"); //--> </script>
Dies führt zu folgenden Ergebnissen:
Starting Loop Current Count : 0 Loop stopped!