Vous êtes ici Tutoriel La boucle While

Lien utile

Tutoriel sur le JavaScript - La boucle While

Tous niveaux


Tutoriel écrit par LaurentG alias KOogar le 31 Mars 2009


La boucle while est une technique de programmation avancée qui vous permet d’exécuter des tâches à répétition tant qu’une instruction conditionnelle est vraie. Bien que l'utilisation générale de la boucle while soit habituellement assez complexe, ce tuto vous donne les rudiments de la façon de créer une boucle while en JavaScript.

Sommaire :




La boucle While



Explication de la Boucle While

Il y a deux éléments essentiels à une boucle while en JavaScript:
1. L’instruction conditionnelle doit être Vraie pour que le code de la boucle while s’exécute.
2. Le code de la boucle while qui est contenu dans des accolades "{ and }" sera exécuté si la condition est Vraie.
Quand commence une boucle while, l'interpréteur JavaScript vérifie si la condition est vraie. Si c'est le cas, le code entre les accolades est exécuté. À la fin du segment de code "}", la boucle while retourne à l'instruction conditionnelle et recommence le processus.

Si la condition est toujours Vraie, alors vous ne pourrez jamais sortir de la boucle while, donc soyez très prudent lorsque vous utilisez les boucles while car il vous faut impérativement avoir une limite.


Création d’une Boucle While Simple

Cet exemple montre comment créer une boucle while simple qui va exécuter un document.write 10 fois, puis quittera l’instruction de boucle. 10 étant la limite.

.01
.02
.03
.04
.05
.06
.07
.08
.09
.10
.11
.12
.13
.14
.15
.16
  <script type="text/javascript">
<!--
var monCompteur = 0;
var linebreak = "<br />";
document.write("La boucle While commence");
document.write(linebreak);

while(myCounter < 10){
    document.write("monCompteur = " + monCompteur);
    document.write(linebreak);
    monCompteur++;
}

document.write("La boucle While est terminée!");
</script>
Affichage:
La boucle While commence
monCompteur = 0
monCompteur = 1
monCompteur = 2
monCompteur = 3
monCompteur = 4
monCompteur = 5
monCompteur = 6
monCompteur = 7
monCompteur = 8
monCompteur = 9
La boucle While est terminée!

Notre variable monCompteur a commencé à 0. Zéro étant inférieur à 10, ceci a conduit notre boucle While a exécuter son code. La valeur 0 a été affichée par le navigateur, puis monCompteur a été incrémenté de 1 et la boucle While recommence à nouveau.

1 est inférieur à 10 de sorte que le code de la boucle While a été exécuté ... et le processus se répète jusqu'à ce que la limite de monCompteur devienne 10. Vous pouvez voir cela à l'affichage: Comme monCompteur commence à 0 la dernière valeur affichée est 9.