Vous êtes ici Tutoriel La boucle For

Lien utile

Tutoriel sur le JavaScript - La boucle For

Tous niveaux


Tutoriel écrit par LaurentG alias KOogar le 31 Mars 2009


La boucle For en JavaScript ressemble à la boucle For que vous pouvez avoir vu dans de nombreux autres langages de programmation comme le C, C++, PHP... Elle est utilisée lorsque vous avez besoin de faire un ensemble d'opérations à plusieurs reprises, avec une augmentation de quelque nature après chaque passage par le bloc de code.

Sommaire :




La boucle For



Explication de la Boucle For

Une boucle For en JavaScript comporte quatre aspects importants:
1. La variable compteur est une variable qui est créée et, en général, utilisée uniquement dans une boucle For pour compter combien de fois la boucle For a été bouclée. i est le nom de la variable normalement utilisé avec cette variable compteur et nous allons l’utiliser.
2. L’instruction conditionnelle. C'est ce qui décide si la boucle continue à exécuter ou non. Cette vérification comprend généralement la variable compteur d'une certaine façon.
3. La variable compteur est incrémentée après chaque boucle dans la section incrémentation de la boucle For.
4. Le code qui est exécuté pour chaque boucle de la boucle For.
Cela peut sembler étrange, mais les aspects 1 à 3 se produisent sur la même ligne de code. La raison en est que la boucle For est une telle pratique standard de programmation que les concepteurs ont estimé qu'ils pourraient ainsi économiser de l'espace et l'encombrement lors de la création de la boucle For.


Exemple de Boucle For

Cet exemple vous montre comment créer une simple boucle For qui affiche la valeur de notre compteur jusqu'à ce que le compteur atteigne 5. Prêtez une attention particulière aux trois éléments qui sont sur la première ligne de code dans la boucle. Ceux-ci sont les éléments importants 1 à 3 de la boucle For, dont nous avons parlé plus tôt

.01
.02
.03
.04
.05
.06
.07
.08
.09
.10
.11
.12
.13
.14
  <script type="text/javascript">
<!--
var linebreak = "<br />";
document.write("Le code de la boucle For commence");
document.write(linebreak);

for(i = 0; i < 5; i++){
    document.write("Compteur i = " + i);
    document.write(linebreak);
}

document.write("Le code de la boucle For est terminé!");
</script>
Affiche:
Le code de la boucle For commence
Compteur i = 0
Compteur i = 1
Compteur i = 2
Compteur i = 3
Compteur i = 4
Le code de la boucle For est terminé!

Le nom de variable i peut sembler un peu étrange, mais il a été utilisé depuis bien des années maintenant! Peu importe le language, i est le nom par défaut d'un compteur de boucle. Les autres noms de variables sont j, k, x, y et z.

Dans cet exemple, notre compteur a été initialement fixé à 0 avec "i = 0; ", et alors l'instruction conditionnelle " i <5; "a été exécutée. Notre compteur est en effet inférieur à 5, de sorte que le code de la boucle For a été exécuté.

Après l’exécution du code de la boucle, alors l'incrémentation "i + +" se produit, donnant au compteur i une valeur égale à 1. La boucle For va ensuite vérifier que i est inférieur à 5, ce qui est le cas, provoquant l’exécution du code dans la boucle For de nouveau.

Le bouclage va continuer jusqu’à ce que i devienne égal à 5, ce qui n'est pas inférieur à 5, conduisant le code de la boucle a cesser l'exécution.

Les boucles For peuvent sembler très déroutantes au début, mais elles sont très utiles et devraient être étudiées en profondeur par toute personne qui désire devenir un programmeur intermédiaire.