Les boucles
1. Définitions
En JavaScript, on utilise deux types de boucles: Les boucles
avec for et les boucles avec while.
Les boucles avec "for" sont utilisées pour qu'un même code
s'exécute un certain nombre de fois, tandis que les boucles
avec "while" s'utilisent le temps qu'une certaine condition
reste vraie.
2. La boucle for
La syntaxe est la suivante:
for (v = pv; v <= dv; v = v + incr_decr)
{
le code à exécuter va ici ..
}
Où:
v est la variable à "rouler", pv: sa première
valeure, dv: sa dernière valeure. incr_decr
est soit un increment soit un decrement.
Exemple
Dans cet exemple, le programme doit ecrire les nombres de 0 à 5
inclusivement, ainsi que leur carrés respectifs.
La boucle commence avec 0, et continue à "rouler" jusqu'à
5. Chaque fois, elle est incrémentée de 1.
<html>
<body>
<script type="text/javascript">
var i=0;
for (i=0;i<=5;i++)
{
document.write("Le carré de " + i + " est " i*i + "<br />");
}
</script>
</body>
</html>
L'exécution donne:
3. La boucle while
3.1. La boucle while
la syntaxe est la suivante:
while (variable <= sa_dernière_valeure)
{
le code va ici ..
}
Exemple:
<html>
<body>
<script type="text/javascript">
var i=0;
while (i<=5)
{
document.write("Le cube de " + i + "est" + i*i*i + ".");
document.write("<br />");
i=i+1;
}
</script>
</body>
</html>
L'éxécution donne:
3.2. La boucle do{} while()
la syntaxe est la suivante:
do
{
le code va ici ..
}
while (variable < = dernière valeure);
Cette boucle "do while", qui est une variante de la boucle "while",
exécute le code au moins une fois, même si la condition "variable <
= dernière valeure" est fausse (puisque cette condition n'est rencontrée
qu'à la fin de la première bouble).
Exemple:
<html>
<body>
<script type="text/javascript">
var i=0;
do
{
document.write("La racine carrée de " + i + "est" + Math.sqrt(i) + ".");
document.write("<br />");
i=i+1;
}
while (i<0);
</script>
</body>
</html>
L'éxécution donne:
4. Les instructions break et continue
On utilise les instructions break et continue à
l'intérieur d'une boucle; "break" pour arrêtrer une boucle, et
"continue" pour arrêter la boucle et continuer à partir de la
valeur suivante.
Exemple avec break:
<html>
<body>
<script type="text/javascript">
var i=0;
for (i=0;i<=5;i++)
{
if (i==2)
{
break;
}
document.write("Le double de " + i + " est " + 2*i + ""<br />"");
}
</script>
</body>
</html>
L'éxécution donne:
Exemple avec continue:
<html>
<body>
<script type="text/javascript">
var i=0
for (i=0;i<=5;i++)
{
if (i==1)
{
continue;
}
document.write("Le triple de " + i + " est " + 3*i + "<br />");
}
</script>
</body>
</html>
L'éxécution donne:
5. L'instruction for ... in dans un ensemble
Comment construire un exemple?
On utilse la méthode suivante:
On déclare un ensemble:
var ensemble = new Array();
Puis, on le remplie:
ensemble[0] = "vlaue1";
ensemble[1] = "value2";
ensemble[2] = "value3";
L'instruction for...in est utilisée pour faire des boucles
à travers les élements d'un ensemble.
Sa syntaxe est:
for (variable dans un ensemble)
{
ici le code à utiliser..
}
Exemple avec continue:
Erire les jours de la semaine
<html>
<body>
<script type="text/javascript">
var jour;
var semaine = new Array();
semaine[0] = "dimanche;
semaine[1] = "lundi";
semaine[2] = "mardi";
semaine[3] = "mercredi";
semaine[4] = "jeudi";
semaine[5] = "vendredi";
semaine[6] = "samedi";
for (jour in semaine)
{
document.write(semaine[jour] + "<br />");
}
</script>
</body>
</html>
L'éxécution donne:
6. Testez vos connaissances:
1. Ecrivez un script pour afficher les mois de l'année,
sans mentionner les mois d'hiver, à l'aide de l'instruction
"continue".
2. Pourquoi la boucle suivante avec "while" est-elle "dangereuse"?
<script type="text/javascript">
var i=0;
while (i>= 0)
{
document.write("Le moitié de " + i + "est" + i/2 + ".");
i=i+1;
}
</script>
| 
