oujood.com

La boucle For en JavaScript

Utilisez la boucle For quand vous savez à l'avance combien de fois le code devrait être répéter
La boucle for offre un moyen concis d'écrire la structure de la boucle. Une instruction for consomme l'initialisation, la condition et l'incrémentation ou décrémentation en une seule ligne, fournissant ainsi une structure de boucle plus courte et facile à déboguer.

chercher |

La boucle For en JavaScript

Utilisez la boucle For quand vous savez à l'avance le nombre de fois que le code devrait être répéter.

Souvent, lorsque vous écrivez du code, et que vous voulez exécuter le même bloc un nombre de fois connue. Au lieu d'ajouter plusieurs lignes identiques dans le script, vous avez la possibilité d'utiliser la boucle For pour effectuer ce travail. Syntaxe de la boucle for:

for (Initialisation; Condition; Incrémentation)
{
code à exécuter
}
Explication de la syntaxe de la boucle for:

  • Inistialisation : pour donner le point de départ du code (ex: comme dans l'exemple ci dessous i=0)
  • condition : c'est la condition à vérifier (dans l'exemple ci dessous i<=6)
  • incrémentation : dnne comment on passe à la valeur suivantes (i++ qui veut dire que la valeur suivante de i est i+1)

Par exemple, supposons que nous voulions imprimer " Bonjour le monde " 10 fois. Cela peut être fait de deux façons, comme indiqué ci-dessous :

1 – on va un code contenant 10 lignes avec l’instruction :
« document.write("<p>Bonjour le Monde</p>"); »
2 – On utilise une boucle qui répète l’instruction «document.write("<p>Bonjour le Monde</p>"); »
Dans notre cas la boucle for peut faire l’affaire comme suit :

for(i=1 ;i <=10 ;i++){ document.write("<p>Bonjour le Monde</p>");}


L'exemple ci-dessus définit une boucle for qui commence par i = 1. La boucle for continuera à fonctionner en répétant l’instruction « document.write("<p>Bonjour le Monde</p>"); » tant que la valeur de la condition est "true"(c à d: la variable i est inférieur ou égale à 10), et achaque fois que l’instruction est exécutée on augmenterait la valeur de i de 1 et donc l’instruction sera exécutée 10 fois ou

for(i=10 ;i >=1 ;i--){ document.write("<p>Bonjour le Monde</p>");}

ici la boucle for fait la même chose sauf qu'on commence par i avec une valeur de 10 et on décrémente la variable i (c'est-à-dire on diminue la valeur de i de 1 ) à chaque fois que l'instruction est exécuté jusqu’à ce que la valeur de i devient inferieur à 1.

c’est plus simple et plus claire ! n’est ce pas.

Exemple :

L'exemple ci-dessous définit une boucle for qui commence par i = 0. La boucle for continuera à fonctionner tant que la valeur de la condition est "true"(c à d: la variable i est inférieur ou égale à 6), on augmente la valeur de i de 1 chaque fois que la boucle fonctionne, et donc la boucle for va s’exécuter 7 fois.

Note : Le paramètre d'incrément pourrait également être négatif, et le <= pourrait être n'importe quel opérateur de comparaison :

Exemple :

Exemple :       Copier le code

<html>
<body>
<script>
var i=0;
for (i=0;i<=6;i++)
{
document.write("Le nombre est :  " + i);
document.write("<br>");
}
</script>
</body>
</html>


Autre exemple sur la boucle for


Exemple :       Copier le code

<html>
<body>

<script>
for (i = 1; i <= 6; i++)
{
document.write("<h" + i + ">Ceci est un titre de niveau " + i);
document.write("</h" + i + "><br>");
}
</script>

</body>
</html>





Par carabde 30 mars 2014 - mis a jour le 30 Janvier 2022



Voir aussi nos tutoriel :

Balise texte pré formaté pre

Définit le texte pré formaté

jQuery sélecteurs des éléments de formulaire

jQuery sélecteurs des éléments de formulaire

margin-left

Définit la marge gauche d'un élément