TOC

Verwenden von While- und Do …​ While-Schleifen in JavaScript

Einführung

Automatisierung ist die Technik, mit der ein System automatisch funktioniert. In der Programmierung verwenden wir * Schleifen *, um sich wiederholende Aufgaben zu automatisieren. Schleifen sind eine der nützlichsten Funktionen von Programmiersprachen. In diesem Artikel erfahren Sie mehr über die Schleifen + while + und + do …​ while + in JavaScript.

Die Anweisungen "+ while " und " do …​ while " in JavaScript ähneln den Anweisungen "https://www.digitalocean.com/community/tutorials/how-to-write-conditional-statements-injavascript[conditional" ], das sind Codeblöcke, die ausgeführt werden, wenn eine bestimmte Bedingung zu https://www.digitalocean.com/community/tutorials/understanding-data-types-in-javascript#booleans [` true `] führt. Im Gegensatz zu einer " if " - Anweisung, die nur einmal ausgewertet wird, wird eine Schleife mehrmals ausgeführt, bis die Bedingung nicht mehr als " true +" ausgewertet wird.

Eine weitere häufig anzutreffende Art von Schleife ist die https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for [+ for + - Anweisung], die eine festgelegte Anzahl von Malen ausgeführt wird . + while + und + do …​ while + Schleifen basieren auf Bedingungen, und daher ist es nicht erforderlich, im Voraus zu wissen, wie oft die Schleife ausgeführt wird.

While-Schleife

In JavaScript ist eine "+ while " - Anweisung eine Schleife, die ausgeführt wird, solange die angegebene Bedingung als " true +" ausgewertet wird.

Die Syntax ähnelt stark einer "+ if +" - Anweisung (siehe unten).

while (condition) {
   // execute code as long as condition is true
}

Die Anweisung + while + ist die grundlegendste Schleife, die in JavaScript erstellt werden muss.

Nehmen wir beispielsweise an, wir haben ein Aquarium mit einer begrenzten Population. Für jede Iteration der Schleife werden wir einen Fisch hinzufügen. Sobald das Aquarium "+ 10 +" Fische hat, wird die Populationsgrenze erreicht und das Programm wird aufhören, mehr Fische hinzuzufügen.

aquarium.js

// Set population limit of aquarium to 10
const popLimit = 10;

// Start off with 0 fish
let fish = 0;

// Initiate while loop to run until fish reaches population limit
while (fish < popLimit) {
   // add one fish for each iteration
   fish++;
   console.log("There's room for " + (popLimit - fish) + " more fish.");
}

Sobald wir das obige Programm ausführen, erhalten wir die folgende Ausgabe, die die Iteration des Programms durch die "+ while " - Schleife zeigt, bis die Bedingungen nicht mehr als " true +" ausgewertet werden.

OutputThere's room for 9 more fish.
There's room for 8 more fish.
There's room for 7 more fish.
There's room for 6 more fish.
There's room for 5 more fish.
There's room for 4 more fish.
There's room for 3 more fish.
There's room for 2 more fish.
There's room for 1 more fish.
There's room for 0 more fish.

In unserem Beispiel setzen wir unsere "+ while " - Schleife so lange, bis die Anzahl der Fische unter der Populationsgrenze des Aquariums liegt. Für jede Iteration wird ein Fisch zum Aquarium hinzugefügt, bis alle " 10 +" - Stellen gefüllt sind. An diesem Punkt hört die Schleife auf zu laufen.

Endlosschleifen

Eine * Endlosschleife * ist, wie der Name schon sagt, eine Schleife, die für immer weiterläuft. Wenn Sie versehentlich eine Endlosschleife erstellen, kann dies zum Absturz Ihres Browsers oder Computers führen. Es ist wichtig, sich der Endlosschleifen bewusst zu sein, damit Sie sie vermeiden können.

Eine allgemeine Endlosschleife tritt auf, wenn die Bedingung der Anweisung "+ while " auf " true +" gesetzt ist. Unten finden Sie ein Beispiel für Code, der für immer ausgeführt wird. Es ist nicht erforderlich, Endlosschleifen zu testen.

unendlich Loop.js

// Initiate an infinite loop
while (true) {
   // execute code forever
}

Eine Endlosschleife wird für immer ausgeführt, aber das Programm kann mit dem Schlüsselwort + break + beendet werden.

Im folgenden Beispiel fügen wir eine "+ if " - Anweisung zur " while " - Schleife hinzu. Wenn diese Bedingung erfüllt ist, beenden wir die Schleife mit " break +".

polarBears.js

// Set a condition to true
const iceCapsAreMelting = true;
let polarBears = 5;

// Initiate infinite loop
while (iceCapsAreMelting) {
 console.log(`There are ${polarBears} polar bears.`);
 polarBears--;
 // Terminate infinite loop when following condition is true
 if (polarBears === 0) {
   console.log("There are no polar bears left.");
   break;
 }
}

Wenn wir den obigen Code ausführen, sieht die Ausgabe wie folgt aus.

OutputThere are 5 polar bears.
There are 4 polar bears.
There are 3 polar bears.
There are 2 polar bears.
There are 1 polar bears.
There are no polar bears left.

Beachten Sie, dass dies nicht unbedingt eine praktische Methode zum Erstellen und Beenden einer Schleife ist, aber "+ break +" ist ein nützliches Schlüsselwort, dessen Sie sich bewusst sein müssen.

Do… While Loop

Wir haben bereits von der "+ while " - Schleife erfahren, die einen Codeblock ausführt, solange eine bestimmte Bedingung wahr ist. Darauf aufbauend folgt die Anweisung " do …​ while ", die der Anweisung " while " sehr ähnlich ist, mit dem Hauptunterschied, dass eine " do …​ while +" - Schleife immer einmal ausgeführt wird, selbst wenn die Bedingung erfüllt ist niemals wahr.

Nachfolgend werden wir die Syntax der + do …​ while -Schleife demonstrieren.

do {
   // execute code
} while (condition);

Wie Sie sehen, steht der Teil "+ do " der Schleife an erster Stelle, gefolgt von " while (Bedingung) ". Der Codeblock wird ausgeführt, und die Bedingung wird wie in einer normalen " while +" - Schleife getestet.

Um dies zu testen, können wir eine Variable auf "+ 0 " setzen, sie in der Anweisung " do " inkrementieren und unsere Bedingung auf " false +" setzen.

falseCondition.js

// Set variable to 0
let x = 0;

do {
   // Increment variable by 1
   x++;
   console.log(x);
} while (false);
Output1

Unsere Ausgabe ergab "+ 1 ", was bedeutet, dass der Codeblock die Schleife einmal durchlaufen hat (von " 0 "), bevor er durch eine erfolglose " while +" - Bedingung gestoppt wurde.

Beachten Sie, dass die Schleife mindestens einmal durchlaufen wird. Die "+ do …​ while" -Schleife kann für die gleichen Zwecke wie eine "+ while" -Schleife verwendet werden.

Fazit

In diesem Tutorial haben wir die Schleife "+ while ", " do …​ while +" und Endlosschleifen in JavaScript kennengelernt.

Die Automatisierung sich wiederholender Aufgaben ist ein äußerst wichtiger Bestandteil der Programmierung. Diese Schleifen können dazu beitragen, Ihre Programme effizienter und übersichtlicher zu gestalten.

Weitere Informationen finden Sie unter https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/while [+ while +] und https://developer.mozilla.org/en -US / docs / Web / JavaScript / Reference / Statements / do …​ while [+ do …​ while +] führt Schleifen im Mozilla Developer Network durch.

Related