boucle while

while (条件)
  {
  需要执行的代码;
  }

while

for la boucle est très utile lorsque les conditions initiales et finales de la boucle sont connues. La boucle for ci-dessus qui ignore les conditions peut facilement rendre les gens confus sur la logique de la boucle. Dans ce cas, il est préférable d'utiliser une boucle while.

La boucle while n'a qu'une seule condition de jugement. Si la condition est remplie, elle continuera à boucler. Si la condition n'est pas remplie, elle quittera la boucle. Par exemple, si nous voulons calculer la somme de tous les nombres impairs inférieurs à 100, nous pouvons utiliser une boucle while pour l'implémenter :

var x = 0;
var n = 99;
while (n > 0) {
    x = x + n;
    n = n - 2;
}
x; // 2500

La variable n à l'intérieur de la boucle continue de décrémenter jusqu'à ce qu'elle devienne -1, le while la condition n'est plus satisfaite et la boucle se termine.

Exemple

<!DOCTYPE html>
<html>
<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 + "The number is " + i + "<br>";
  i++;
  }
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
rrree

Le dernier type de boucle est la boucle do { ... } while(). La seule différence entre elle et la boucle while est que la condition n'est pas jugée au niveau du moment. au début de chaque boucle. Au lieu de cela, la condition est jugée à chaque fois que la boucle est terminée :

do ... while

Soyez prudent lorsque vous utilisez la boucle do { ... } while(). tandis que les boucles for et while ne peuvent pas être exécutées une seule fois.

Instance

var n = 0;
do {
    n = n + 1;
} while (n < 100);
n; // 100


Formation continue
||
<html> <head> <script> 'use strict'; var arr = ['Bart', 'Lisa', 'Adam']; var i=0; for( i=0;i<arr.length;i++){ alert("hello,"+arr[i]) } while(i<arr.length){ alert("hello,"+arr[i]); i++; } do{ alert("hello,"+arr[i]) i++ }while(i<arr.length) </script> </head> <body> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel