Présentation de la boucle for

Une boucle est dite aussi répétitive.

Une boucle permet de réaliser l’exécution « en boucle » d’un traitement tant qu’une condition est vraie ou fausse…

Le traitement à exécuter est situé dans le corps de la boucle, et une exécution de traitement est appelée l’itération.

Il existe plusieurs boucles, ici nous allons vous présenter la boucle « For ».

La boucle FOR permet d’exécuter en boucle un traitement dont le nombre d’itérations est déterminé à l’avance.

Pour déterminer à l’avance le nombre d’itérations à réaliser, la boucle FOR utilise une variable qui joue le rôle de compteur.

A chaque nouvelle itération, la variable compteur sera incrémentée et comparée à la condition qui doit être vraie pour que la nouvelle itération soit amorcée.

La syntaxe :

for (var i=ValeurInitiale;i<ValeurHorsPorté;Incrémentation de i)

{ Traitement; }

Ici dans la syntaxe nous avons utilisé la variable i pour jouer le rôle de compteur.

Entre parenthèses, nous avons placé 3 expressions.

Valeur initiale est la valeur numérique que nous donnons à l’initialisation du compteur i.

Valeur hors portée, en clair, tant que le compteur est inférieur à la valeur numérique spécifiée, la répétitive est active.

Incrémentation de i est la valeur numérique que l’on rajoute à chaque itération réalisée.

Le traitement à réaliser à chaque itération, quant à lui, est placé entre accolades.

L’exemple qui suit affiche 10 lignes :

Ligne numéro 1

Ligne numéro 2

Jusqu’à

Ligne numéro 10

<html>

<head>

<title> la boucle for</title>

</head>

<body>

<h1>Affichage de 10 liignes</h1>

for (var i=1;i<11;i=i+1)

{ document.write ("ligne numéro "+i+"<br />"); }

</script>

</body>

</html>

La boucle imbriquée

Il est possible d’imbriquer une boucle dans une autre boucle.

Pour une itération réalisée dans la boucle contenant, toutes les itérations sont réalisées dans la boucle contenue.

Voici un exemple qui va afficher la table de multiplications de 1 à 10.

<html>

<head>

<title> je joue avec la boucle for</title>

</head>

<body>

<th>Table de multiplications<</th>

for (var i=1;i<11;i=i+1)

{ document.write("<tr>");

document.write("Table de "+i+"<br />");

for (var j=1;j<11;j=j+1)

{ produit = i*j;

document.write(i+" fois "+j+" "+produit+"<br />"); }

document.write("</tr>"); }

</script>

</table>

</body>

</html>

Philippe BOULANGER