Outils pour utilisateurs

Outils du site


javascript:les_boucles

Les boucles

Les boucles permettent de répéter des actions sans avoir à écrire plusieurs fois les mêmes instructions.

La boucle while

Organigramme Les boucles while (“tant que” en anglais) bouclent sans fin, et indéfiniment, jusqu'à ce que la condition entre les parenthèses ( ) devienne fausse.

while (condition) {
		// tant que la condition est vraie (true), la boucle se répète
}

Il faudra faire attention avec l'utilisation de cette boucle à ce que la condition devienne fausse à un moment donné au risque de voir la boucle se dérouler de manière infinie.

Exemple :

var i=0;
while ( i < 3 ) {
    document.write(i + " <br>");        // <br> permet de sauter une ligne
    i = i + 1;         // la valeur de i est incrémentée de 1
}

Résultat de l'exemple :

0
1
2

Remarques :

  • document.write(texte) : Ecrit le paramètre texte dans le document, à la position de l'appel du script. Le paramètre texte peut être une chaîne de caractères classiques, du code HTML et même du JavaScript.
  • Ecrire i++ est équivalent à i = i + 1 ;
  • i– est équivalent à i = i - 1 ;
  • i+ = 5 est équivalent à i = i + 5.


A faire vous-même 1 JSFiddle
Dans JSFiddle, écrire un script permettant d'afficher les multiples de 10 de 0 à 100.


A faire vous-même 2 Sans ordinateur

Voici un script d'une boucle while. Que va afficher cette boucle ?

var compteur = 1 ;
while (compteur<10) {
     document.write(compteur) ;
     compteur++ ;
};

Voici un autre script d'une boucle while. Que va afficher cette boucle ?

var number = 1;
while (number < 10) {
    number++;
}
document.write(number);


La boucle for

Organigramme La boucle for est utilisée quand on connait déjà le nombre d'itérations de la boucle avant même de l'appeler.

for (initialisation ; condition ; incrémentation) {
	instruction1 ;
	instruction2 ;
}

Exemple :

for (i=-1; i<4 ; i++)
{
    document.write(i + " <br>");
}

Résultat de l'exemple :

-1
0
1
2
3
  • Initialisation : on initialise une variable i qui vaut -1.
  • Condition : on définit dans la condition que la boucle continue tant que i est strictement inférieur à 4.
  • Incrémentation : on indique que i sera incrémentée à chaque itération terminée. L’instruction i++ est équivalente à i = i+1.


A faire vous-même 1 JSFiddle
Dans JSFiddle, réécrire le programme de l’exercice 1 précédent en utilisant une boucle for.


A faire vous-même 2 JSFiddle
Dans JSFiddle, écrire un programme permettant d'afficher une table de multiplication. L'utilisateur entre la table qu'il désire (de 1 à 9), le programme permet alors d'afficher la table demandée.
Exemple : si l'utilisateur demande la table des 3, le programme devra afficher :
1 x 3 = 3
2 x 3 = 6
.
.
10 x 3 = 30
Votre programme devra obligatoirement utiliser une boucle “ for ”.
javascript/les_boucles.txt · Dernière modification: 16/08/2019 19:22 par Stéphane LAURENT