M.Roy
M. Jean-Luc Roy
Enseignant
d'informatique
Rejoindre M. Roy
Titre du cours

UNITÉ 2 - ACTIVITÉ 8

LES BOUCLES EN JAVASCRIPT


Une boucle est une instruction qui permet d'effectuer des opérations à répétition.

Menu contextuel
1 - La boucle for
2 - La boucle while
3 - La boucle do ... while


1 - La boucle for

La Boucle for va répéter une action jusqu'à ce qu'une condition soit satisfaite. Cette Boucle for contient trois parties séparées de points-virgules.

for(initialisation ; condition ; actualisation)
{

}


La partie initialisation sert à initialiser une variable qui permettra la réalisation de la boucle.

La partie condition sert à vérifier si la boucle doit continuer ou s'arrêter.

La partie actualisation sert insérer une opération qui changera la variable avant son prochain passage.

Exemple de codes:

<HTML>
  <HEAD>
    <TITLE> JavaScript - Boucle for </TITLE>
  </HEAD>
  <BODY BGCOLOR="#FFFFCC" TEXT="#FFFFFF">
    <script type="text/javascript" language="javascript">
      <!--
        for(x = 10 ; x >= 5 ; x--)
        {
          document.write("Allô ".fontcolor("#004400"))
        }
      // -->
    </script>
  </BODY>
</HTML>


Affichage:


Allô Allô Allô Allô Allô Allô



Attention: Il faut ajouter une espace à l'intérieur des guillemets (" ") si on désire que les mots soient séparés.



2 - La boucle while

La boucle while va répéter une action jusqu'à ce qu'une condition soit satisfaite. Cette boucle while ne contient qu'une condition. Il faut donc déclarer une variable avant la boucle et insérer l'actualisation de cette variable à l'intérieur de la boucle si on désire que celle-ci s'arrête lorsque la condition est atteinte.

while(condition)
{

}


Exemple de codes:

<HTML>
  <HEAD>
    <TITLE> JavaScript - Boucle while </TITLE>
  </HEAD>
  <BODY BGCOLOR="#FFFFCC" TEXT="#000000">
    <script type="text/javascript" language="javascript">
      <!--
        var y = 20
        while(y > 0)
        {
          document.write(y + " ")
          y -= 2
        }
      // -->
    </script>
  </BODY>
</HTML>


Affichage:


20 18 16 14 12 10 8 6 4 2




3 - La boucle do ... while

La boucle do ... while va effectuer l'opération ou les opérations au moins une fois puis va répéter cette action ou ces actions jusqu'à ce qu'une condition soit satisfaite. Cette boucle do ... while ne contient qu'une condition mais elle st placée après les opérations de la boucle. Il faut donc déclarer une variable avant la boucle et insérer l'actualisation de cette variable à l'intérieur de la boucle si on désire que celle-ci s'arrête lorsque la condition est atteinte.

do
{

}
while(condition)


Exemple de codes:

<HTML>
  <HEAD>
    <TITLE> JavaScript - Boucle do ... while </TITLE>
  </HEAD>
  <BODY BGCOLOR="#FFFFCC" TEXT="#000000">
    <script type="text/javascript" language="javascript">
      <!--
        var compteur = 100
        do
        {
          document.write("Bravo! ")
          compteur += 20
        }
        while(compteur < 200)
      // -->
    </script>
  </BODY>
</HTML>


Affichage:


Bravo! Bravo! Bravo! Bravo! Bravo!



Attention: Il faut ajouter une espace à l'intérieur des guillemets (" ") si on désire que les mots soient séparés.