La boucle While JavaScript

Bienvenu dans notre site web www.exam-lib.com, c'est un site éducatif qui contient une panoplie des exercices avec solutions pour tous les niveaux (primaire,secondaire, collège, lycée et même pour les étudiants de l'OFPPT au Maroc). vous pouvez naviguer sur notre site et choisir le niveau qui vous convient puis vous pouvez suivez l'exercices ou aussi le cours souhaité. si vous avez des questions vous pouvez toujours laisser un commentaire sur notre site et un de nos professeurs va se charger de répondre à toutes vos questions.
SUIVEZ NOTRE CHAINE YOUTUBE: قم بالتسجيل في قناتنا عبر هذا الرابط

https://www.youtube.com/channel/UCCITRMWPcElh-96wCS3EyUg

abdelouafi

Administrator
Les boucles peuvent exécuter un bloc de code tant qu'une condition spécifiée est vraie.

La boucle While
La boucle while parcourt un bloc de code tant qu'une condition spécifiée est vraie.

Syntaxe
Code:
while (condition) {
    code block to be executed
}

Exemple
Dans l'exemple suivant, le code de la boucle s'exécutera encore et encore tant qu'une variable (i) est inférieure à 10:

Exemple
Code:
while (i < 10) {
    text += "The number is " + i;
    i++;
}


Code:
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript while</h2>

<p id="demo"></p>

<script>
var text = "";
var i = 0;
while (i < 10) {
    text += "<br>The number is " + i;
    i++;
}
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>


Si vous oubliez d'augmenter la variable utilisée dans la condition, la boucle ne se terminera jamais. Cela plantera votre navigateur.


La boucle Do / While
La boucle do / while est une variante de la boucle while. Cette boucle exécutera le bloc de code une fois, avant de vérifier si la condition est vraie, puis répétera la boucle tant que la condition est vraie.

Syntaxe
Code:
do {
    code block to be executed
}
while (condition);


Exemple
L'exemple ci-dessous utilise une boucle do / while. La boucle sera toujours exécutée au moins une fois, même si la condition est fausse, car le bloc de code est exécuté avant le test de la condition:

Exemple
Code:
do {
    text += "The number is " + i;
    i++;
}
while (i < 10);

Code:
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript do ... while</h2>

<p id="demo"></p>

<script>
var text = ""
var i = 0;

do {
    text += "<br>The number is " + i;
    i++;
}
while (i < 10); 

document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>


N'oubliez pas d'augmenter la variable utilisée dans la condition, sinon la boucle ne se terminera jamais!

Comparer "Fo" r et "While"
Si vous avez lu le chapitre précédent, à propos de la boucle for, vous découvrirez qu’une boucle while est à peu près identique à une boucle for, avec les instructions 1 et 3 omises.

La boucle dans cet exemple utilise une boucle for pour collecter les noms de voiture à partir du tableau cars:

Exemple
Code:
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

for (;cars[i];) {
    text += cars[i] + "<br>";
    i++;
}



Code:
<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
for (;cars[i];) {
    text += cars[i] + "<br>";
    i++;
}
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>


La boucle dans cet exemple utilise une boucle while pour collecter les noms de voiture à partir du tableau cars:

Exemple
Code:
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

while (cars[i]) {
    text += cars[i] + "<br>";
    i++;
}


Code:
<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
while (cars[i]) {
    text += cars[i] + "<br>";
    i++;
}
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>
 
Top