JavaScript en boucle
boucle while
boucle while parcourt un bloc de code tant qu'une condition spécifiée est vraie.
Syntaxe
while (condition)
{
Code à exécuter
}
Instance
La boucle dans cet exemple continuera à s'exécuter tant que la variable i est inférieure à 10 :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击下面的按钮，只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="",i=0;
while (i<5){
x=x + "该数字为 " + i + "<br>";
i++;
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>REMARQUE : Si vous oubliez d'incrémenter la valeur de la variable utilisée dans la condition, la boucle ne se terminera jamais. Cela peut provoquer un crash du navigateur.
Exécutez le programme et essayez-le
do/while loop
do/while loop est un variation du corps de la boucle while. La boucle exécute le bloc de code une fois avant de vérifier si la condition est vraie, puis répète la boucle si la condition est vraie.
Syntaxe
faire
{
Code à exécuter
}
pendant que (condition );
Exemple
L'exemple suivant utilise une boucle do/while. La boucle s'exécutera au moins une fois, et elle s'exécutera même si la condition est fausse, car le bloc de code s'exécutera avant que la condition ne soit testée :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击下面的按钮，只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="",i=0;
do{
x=x + "该数字为 " + i + "<br>";
i++;
}
while (i<5)
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>Exécutez le programme pour l'essayer
![Combat réel Front-end Vue3 [projet vue manuscrit]](https://img.php.cn/upload/course/000/000/068/639b12e98e0b5441.png)
![Tutoriel APIPOST [Vulgarisation des concepts techniques liés à la communication réseau]](https://img.php.cn/upload/course/000/000/068/63996f34c6c94370.png)
