Cours ⇒ Javascript et AJAX facebook twitter youtube

Les boucles | Les boucles


Une boucle sert à répéter une série d'instructions. La répétition (ou itération) se fait jusqu'à ce qu'on dise à la boucle de s'arrêter. Pour une boucle, on pose une condition, et  la boucle se répète tant que la condition est vérifiée (true), selon la structure.

 

5.1. Incrémentation et décrémentation

L'incrémentation permet  d'ajouter  une unité à un nombre au moyen d'une syntaxe courte.

À l'inverse, la décrémentation permet de soustraire une unité.

<script>
var number = 2;
number++;
alert(number); // Affiche : « 3 »
number--;
alert(number); // Affiche : « 2 »
</script>

 

 La boucle while

 

Syntaxe

<script>
while (condition) {
instruction_1; instruction_2; instruction_3;
}
</script>

 

Quand la boucle s'arrête, les instructions qui suivent la boucle sont executées :

 

<script>
var number = 1;
while (number < 10) {
number++; // Tant que le nombre est inférieur à 10, on l'incrémente de 1
}
alert(number); // Affiche : « 10 » 
</script>

Un exemple avec prompt() et break

<script>
var prenoms = '', prenom; // On crée une variable prenoms pour mémoriser
while (true) {
prenom = prompt('Entrez un prénom :'); // L'utilisateur entre chaque prenom
if (prenom) {
prenoms += prenom + ' '; // Ajoute le nouveau prénom ainsi qu'une espace
} else {
break; // On quitte la boucle
}
} alert(prenoms); // Affiche les prénoms à la suite 
</script>

 La boucle do while (peu utile)

 

Dans  ce  cas,  la  boucle  est  executée  au  moins  une  fois,  après  quoi  on  teste  la condition, selon la structure suivante :

<script>
do {
instruction_1; instruction_2; instruction_3;
} while (condition);
</script>

 

La boucle for (très utile)

 

Cette boucle est très utile pour l'incrémentation automatique :

<script>
for (initialisation; condition; incrémentation) {
instruction_1;
instruction_2;
instruction_3;
}
</script>

<script>
for (var iter = 1; iter <= 5; iter++) {
 // On initialise une variable, et tant  qu'elle est inférieure ou égale à 5 on l'incrémente de 1.
alert('Itération n°' + iter); // A chaque fois on affiche une boîte de dialogue (5 fois)
}
</script>

 

Et avec les prénoms :

 

<script>
for (var prenoms = '', prenom; true;) { 
// ici sans incrémentation nécessaire,  mais avec un point-virgule obligatoire après la condition true
prenom = prompt('Entrez un prénom :');
if (prenom) { prenoms += prenom + ' '; }
else { break; } }
alert(prenoms);
</script>

 

Mais on peut se servir de l'incrémentation pour compter le nombre de prénoms :

 

<script>
for (var i = 0, prenoms = '', prenom; true; i++) {
prenom = prompt('Entrez un prénom :');
if (prenom) { prenoms += prenom + ' '; }
else { break; } }
alert('Il y a ' + i + ' prénoms :\n\n' + prenoms); // Les \n servent à faire 
des sauts de ligne
</script>

 

 

 





>
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces