Les boucles
Les boucles servent à répeter une série d'actions tant qu'une condition est (ou n'est pas) vérifiée.
Voici un petit schéma d'une boucle:
Shéma d'une boucle
Tant que la condition est vérifiée, toutes les actions contenues dans la boucle s'exécuteront.

while

"while" est la boucle la plus utilisée. En anglais, "while" signifie "tant que". Voici la syntaxe de cette boucle:

while(condition){
...liste d'actions à effectuer...
}

Voici un exemple simple avec une boucle while:

var boucle = null;
while(boucle <=10){
document.write('Actuellement, la variable <i>boucle</i> vaut: '+boucle+'<br />');
boucle++;
}

Voici le résultat:
boucle Javascript
La boucle s'exécutera tant que le contenu de la variable "boucle" est inférieur ou égal à dix. Cette boucle va écrire la valeur de la variable puis, l'incrémenter (+1).

: veillez bien à ce que la valeur de votre condition change à chaque tour de boucle, sinon, vous ferez une boucle infinie, ce qui fera misérablement planter votre navigateur.

Comme vous avez pu le remarquer, j'ai initialisé une variable de type "null" avant la boucle pour que celle-ci puisse l'incrémenter. J'aurais pu lui mettre "0" comme valeur, ce serait revenu au même.

for

"for" est un autre type de boucle, moins souvent utilisée. La seule chose qui change avec while est qu'on initialise la variable de la condition DANS la boucle.
Voici sa syntaxe:

for (valeur initiale; condition; progression){
...liste d'instructions à effectuer...
}

Voici comment écrire le même exemple que précédemment:

for(boucle=null; boucle<=10; boucle++){
document.write('Actuellement, la variable <i>boucle</i> vaut: '+boucle+'<br />');
}

Cette boucle affichera la même chose que while.

break

L'instruction break; permet d'interrompre une boucle alors que la condition est toujours vérifiée.
Voici un exemple:

var ma_boucle = 15;
while(ma_boucle >= 2){
if(ma_boucle == 7){
break;
}
document.write('La valeur de la variable <i>ma_boucle</i> vaut actuellement: '+ma_boucle+'<br />');
ma_boucle--;
}
document.write('Tiens, la boucle est déjà finie?');

Et voici le résultat:
Exemple de JavaScript
L'instruction break; permet donc d'arrêter un boucle lorsqu'une autre condition est remplie.

Mais pourquoi avoir utilisé break? On pouvait très bien taper ceci: "while(ma_boucle >= 7)" plutôt qu'utiliser break.

C'est vrai et c'est d'ailleurs pour ça qu'a été inventé l'instruction "continue".

Continue

"continue" sert à continuer une boucle lorsqu'on l'a interrompue d'une quelconque manière.
Voici un exemple:

var ma_boucle = 15;
while(ma_boucle >= 2){
if(ma_boucle == 7){
ma_boucle--;
}
document.write('La valeur de la variable <i>ma_boucle</i> vaut actuellement: '+ma_boucle+'<br />');
ma_boucle--;
continue;
}
document.write('Tiens, la boucle est déjà finie?');

Nous allons maintenant passer à un autre type de boucle: do...while.

do....while

Cette boucle n'est pas beaucoup différente de while. Voici sa syntaxe:

do{
..liste d'instructions à effectuer...
}
while(condition)

La différence est que la boucle s'exécutera au moins une fois, même si la condition n'est pas vérifiée.
Voic un exemple:

var boucle = 8;
do{
document.write('<i>boucle</i> vaut: '+boucle+'<br />');
boucle++;
}
while(boucle <= 5)

Voici le résultat:
exemple JS
Comme vous avez pu le voir, la boucle s'exécute une fois, même si la condition n'est pas vérifiée.
Cette boucle est plus que rarement utilisée, mais il peut être utile que vous la connaissiez.

Précédent       Suivant

Creative Commons License
Sauf mention contraire, le contenu de cette page est sous licence Creative Commons
Page générée en 0.3094 secondes.
Retour en haut de la page
Imprimer cette page