JavaScript en boucle
La boucle peut continuer à exécuter le bloc de code tant que la condition spécifiée est vraie.
boucle while
la boucle while parcourt un bloc de code tant qu'une condition spécifiée est vraie.
Syntaxe
{
Code à exécuter
>
Instance
La boucle dans cet exemple continuera à s'exécuter tant que la variable i est inférieure à 5 :
Instance
<!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>Exécuter l'instance»
Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne
 | 如果您忘记增加条件中所用变量的值，该循环永远不会结束。这可能导致浏览器崩溃。 |
|---|
do/ boucle while
La boucle do/while est une variante 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.
Grammaire
{
Code à exécuter
}
pendant (Condition);
Instance
ci-dessous Exemple utilise la boucle do/while. La boucle sera exécutée au moins une fois, et elle sera exécutée même si la condition est fausse, car le bloc de code est exécuté avant que la condition ne soit testée :
Instance
<!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écuter l'instance»
Cliquez sur le bouton "Exécuter l'instance" pour visualiser l'instance en ligne
N'oubliez pas d'augmenter la valeur des variables utilisé dans l'état, sinon la boucle ne finira jamais !
Comparez for et while
Si vous avez lu le chapitre précédent sur les boucles for, vous constaterez que les boucles while sont très similaires aux boucles for.
La boucle dans cet exemple utilise une boucle for pour afficher toutes les valeurs du tableau cars :
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
for (;cars[i];){
document.write(cars[i] + "<br>");
i++;
}
</script>
</body>
</html> Exécuter l'instance»
Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne
La boucle dans cet exemple utilise un while boucle pour afficher le tableau des voitures Toutes les valeurs dans :
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i]){
document.write(cars[i] + "<br>");
i++;
}
</script>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
