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>
|