Introduction à For Loop en JavaScript

La boucle For en JavaScript est la meilleure méthode pour parcourir une série de données en même temps. La boucle For est une boucle contrôlée par l'entrée dans laquelle la condition de test est vérifiée avant d'accéder au corps du programme. La boucle for est utilisée lorsque nous connaissons le nombre d'itérations avant d'entrer dans la boucle. Les boucles sont généralement utilisées pour répéter une série d'étapes un certain nombre de fois, elles impliquent donc souvent des variables de compteur, un test conditionnel, une manière de modifier la variable de compteur. Dans de nombreux cas, la boucle For peut réaliser la même chose qu'une boucle while, avec moins de lignes de code.

Types de boucle For en JavaScript

  • Pour: Il est utilisé pour parcourir le code n nombre de fois jusqu'à ce que la condition soit fausse
  • Pour / dans : il est utilisé pour parcourir les propriétés des objets
  • Pour / sur : Il est utilisé pour parcourir un tableau d'objets itérables

Pour la syntaxe de boucle

for (Initialization condition; test condition; Increment/Decrement)
(
Body of loop
)

Syntaxe de boucle for / in

for (var in object)
(
Body of loop
)

Syntaxe de boucle For / of

for (variable of iterable)
(
Body of loop
)

Le flux de travail de For Loop en JavaScript

  1. Condition d'initialisation: La condition indique le début de la boucle for. La variable peut être initialisée en boucle ou la variable peut être déclarée séparément.
  2. Condition de test: car la boucle est une boucle de contrôle d'entrée, la condition est vérifiée avant l'exécution du programme. Il teste également la condition de sortie de la boucle.
  3. Exécution de l'instruction: uniquement si la condition de test est vraie, le corps de la boucle est exécuté.
  4. Incrémentation / décrémentation: pour chaque cycle, après l'exécution de la boucle, le contrôle passe à l'instruction d'incrémentation. Ici, il incrémente ou décrémente les variables de contrôle.
  5. Fin de boucle: la boucle se termine dès que la condition devient fausse.
Remarque : Nous pouvons ignorer la condition d'initialisation à l'intérieur de la boucle For si nous le voulons, mais (;) Le point-virgule ne doit pas être supprimé. S'il est supprimé, le programme générera une erreur. La variable peut être déclarée en dehors de la boucle.

Exemple

Int add=10;
For(;add<30;add++)

Comment fonctionne Loop en JavaScript?

Lorsque la boucle s'exécute, la condition initiale est vérifiée. Il s'agit de la valeur initiale où la boucle démarre. Étape suivante, la condition a testé si la condition fournie est vraie ou fausse; cela détermine si la boucle doit continuer ou non. Si la condition est vraie, la variable modifie la boucle et l'instruction de boucle s'exécute. Une fois l'instruction exécutée, la boucle redémarre jusqu'à ce que la condition soit fausse.

Organigramme de la boucle For

Voici l'organigramme de la boucle For en JavaScript:

La boucle s'exécute en premier et la boucle vérifie la condition de test, qu'elle soit vraie ou non. Si la condition est vraie, elle ira au bloc d'instructions où le programme est exécuté. Si la condition est fausse, la boucle se termine et le programme est arrêté.

Exemple # 1: utilisation de la boucle For

Le programme ci-dessous est écrit pour imprimer la liste des noms des étudiants en utilisant JavaScript.

Code



var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
document.write(" Using for loops
");
for (i=0;i (
document.write(students(i) + "
");
)




var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
document.write(" Using for loops
");
for (i=0;i (
document.write(students(i) + "
");
)


Production:

Exemple # 2: utilisation de la boucle For

Code



for (var iterator1 = 0; iterator1 < 5; iterator1++) //initialization, condition, increment
(
document.write(iterator1 + 1 + ". " + "For loop Tutorial for JavaScript ");
)
document.write(" Loop end");




for (var iterator1 = 0; iterator1 < 5; iterator1++) //initialization, condition, increment
(
document.write(iterator1 + 1 + ". " + "For loop Tutorial for JavaScript ");
)
document.write(" Loop end");




for (var iterator1 = 0; iterator1 < 5; iterator1++) //initialization, condition, increment
(
document.write(iterator1 + 1 + ". " + "For loop Tutorial for JavaScript ");
)
document.write(" Loop end");

Production:

Remarque: pour la boucle se termine après 5 itérations.

Exemple # 3: utilisation de la boucle For / in

La boucle for / in est utilisée pour parcourir les propriétés d'un objet.

Code



var string1 = "";
var object1 = (a: 1, b: 2, c: 3);
for (var property1 in object1)
(
string1 += object1(property1);
)
document.write(string1);

Production:

Exemple # 4: utilisation de la boucle For / of

Code


JavaScript For/Of Loop


JavaScript For/Of Loop


JavaScript For/Of Loop

L'instruction for / of parcourt les valeurs d'un objet itérable.


var cars = («BMW», «Volvo», «Mini»);
var x;
pour (x des voitures) (
document.write (x + "
");
)

Production:

Conclusion

Au début, la boucle for peut sembler un peu déroutante, mais une fois que vous avez compris les différentes parties de l'instruction for, elles ne sont pas difficiles. Gardez à l'esprit que chaque boucle for commence par le mot-clé for, suivi d'un ensemble de parenthèses contenant trois parties, une paire d'accolades. La boucle For aide le programmeur à écrire un programme de manière efficace et simple. Cela évite d'écrire plusieurs lignes de code en consommant plus de temps. Pour qu'un programmeur écrive un programme de manière efficace et productive. Le pardonne un avantage supplémentaire car il réduit la durée du programme.

Article recommandé

Ceci a été un guide pour For Loop en JavaScript. Ici, nous discutons Introduction à la boucle For en JavaScript et ses types avec l'organigramme. Vous pouvez également consulter nos autres articles suggérés pour en savoir plus -
  1. Fonctionnalités de JavaScript
  2. Python vs JavaScript
  3. Utilisations de JavaScript
  4. Pour boucle en Python
  5. Introduction à For Loop en Java
  6. Itérateur en Java
  7. Exemples d'itérateur en Python