Schleifen können einen Codeblock ausführen solange eine angegebene Bedingung wahr ist.
while
-SchleifeDie while
-Schleife durchläuft einen Codeblock, solange eine angegebene Bedingung wahr ist.
while (condition) {
// code block to be executed
}
Im folgenden Beispiel wird der Code in der Schleife so lange immer wieder ausgeführt eine Variable (i) ist kleiner als 10:
while (i < 10) {
text += "The number is " + i;
i++;
}
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript While Loop</h2>
<p id="demo"></p>
<script>
let text = "";
let i = 0;
while (i < 10) {
text += "<br>The number is " + i;
i++;
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
Wenn Sie vergessen, die in der Bedingung verwendete Variable zu erhöhen, wird die Schleife nie beendet. Dies führt zum Absturz Ihres Browsers.
do while
-SchleifeDie do while
-Schleife ist eine Variante der while-Schleife. Diese Schleife wird Führen Sie den Codeblock einmal aus, bevor Sie prüfen, ob die Bedingung wahr ist. Dann wird dies der Fall sein Wiederholen Sie die Schleife, solange die Bedingung wahr ist.
do {
// code block to be executed
}
while (condition);
Das folgende Beispiel verwendet eine do while
-Schleife. Die Schleife wird immer sein Mindestens einmal ausgeführt, auch wenn die Bedingung falsch ist, da der Codeblock wird ausgeführt, bevor die Bedingung getestet wird:
do {
text += "The number is " + i;
i++;
}
while (i < 10);
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Do While Loop</h2>
<p id="demo"></p>
<script>
let text = ""
let i = 0;
do {
text += "<br>The number is " + i;
i++;
}
while (i < 10);
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
Vergessen Sie nicht, die in der Bedingung verwendete Variable zu erhöhen, andernfalls Die Schleife wird niemals enden!
for
und while
Wenn Sie das vorherige Kapitel über die for-Schleife gelesen haben, werden Sie feststellen, dass es sich um eine while-Schleife handelt Ähnlich wie eine for-Schleife, wobei Anweisung 1 und 3 weggelassen werden.
Die Schleife in diesem Beispiel verwendet eine for
-Schleife, um das Auto einzusammeln Namen aus dem Cars-Array:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";
for (;cars[i];) {
text += cars[i];
i++;
}
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";
for (;cars[i];) {
text += cars[i] + "<br>";
i++;
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
Die Schleife in diesem Beispiel verwendet eine while
-Schleife, um die zu erfassen Autonamen aus dem Cars-Array:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";
while (cars[i]) {
text += cars[i];
i++;
}
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";
while (cars[i]) {
text += cars[i] + "<br>";
i++;
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>