Comment faire une boucle en JavaScript

En tant que langage de programmation largement utilisé, l'une des fonctionnalités les plus couramment utilisées de JavaScript est la structure en boucle, qui offre aux développeurs un moyen pratique d'implémenter diverses logiques et algorithmes. Cet article présentera aux lecteurs plusieurs structures de boucles couramment utilisées et leurs scénarios d'application en JavaScript.

1. boucle while

la boucle while est la structure de boucle la plus basique. Sa structure syntaxique est la suivante :

while(condition){
  // statements to be executed
}

où la condition représente la condition de la boucle. Si la condition est vraie, les instructions de la boucle sont exécutées. Avant que la boucle ne soit exécutée, elle vérifiera si la condition est vraie. Si la condition est fausse, les instructions du corps de la boucle ne seront pas exécutées.

Les boucles While peuvent être appliquées à divers scénarios, tels que l'exécution répétée de certaines opérations en fonction des entrées de l'utilisateur, ou le filtrage des éléments qui répondent à certaines conditions d'un tableau ou d'un objet, etc.

Ce qui suit est un exemple simple, qui affichera les nombres 1 à 5 :

let i = 1;
while(i <= 5){
  console.log(i);
  i++;
}

2. boucle do-while

La différence entre la boucle do-while et la boucle while est que la boucle do-while exécutera le corps de la boucle une première fois, puis vérifiez à nouveau si la condition de boucle est vraie. Si la condition de boucle est vraie, le corps de la boucle est exécuté à plusieurs reprises, sinon la boucle est quittée.

La syntaxe est la suivante :

do {
  // statements to be executed
}while(condition);

De même, condition représente la condition de la boucle. Voici un exemple, qui affichera les nombres 1 à 5 :

let i = 1;
do {
  console.log(i);
  i++;
}while(i <= 5);

3. boucle for

la boucle for est généralement utilisée pour itérer les éléments d'un tableau, sa syntaxe est la suivante :

for(init; condition; iterator){
  // statements to be executed
}

où init représente l'instruction à être exécuté au début de la boucle, condition représente la condition de la boucle et iterator représente l'instruction à exécuter après chaque itération.

Ce qui suit est un exemple qui affichera les nombres 1 à 5 :

for(let i = 1; i <= 5; i++){
  console.log(i);
}

Dans une boucle for, vous pouvez également utiliser les instructions break et continue pour contrôler le flux de la boucle. L'instruction break est utilisée pour sortir de la boucle et l'instruction continue est utilisée pour ignorer l'itération en cours et exécuter l'itération suivante.

Ce qui suit est un exemple de boucle for avec une instruction break, qui affichera les nombres 1 à 4 :

for(let i = 1; i <= 5; i++){
  if(i == 5){
    break;
  }
  console.log(i);
}

4. boucle for-in

La boucle for-in est utilisée pour parcourir les propriétés du object, sa syntaxe est la suivante :

for(property in object){
  // statements to be executed
}

Où property représente le nom de la propriété actuellement traversée, et object représente l'objet à parcourir.

Ce qui suit est un exemple simple qui parcourra toutes les propriétés d'un objet et affichera leurs valeurs :

let person = {
  name: "Tom",
  age: 20,
  city: "New York"
};

for(let property in person){
  console.log(person[property]);
}

Il convient de noter que lorsque vous utilisez une boucle for-in pour parcourir un tableau, ce qui est renvoyé ne sont pas les éléments de le tableau, mais est leur index.

5. boucle for-of

boucle for-of est une nouvelle syntaxe dans ES6, qui est utilisée pour parcourir des objets itérables, tels que des tableaux et des chaînes. La syntaxe est la suivante :

for(variable of iterable){
  // statements to be executed
}

où variable représente l'élément actuellement parcouru, et iterable représente l'objet itérable à parcourir. Voici un exemple qui affichera tous les caractères d'une chaîne :

let str = "hello, world";
for(let char of str){
  console.log(char);
}

Il est à noter que lors du parcours du tableau, l'utilisation d'une boucle for-of peut éviter d'utiliser la variable d'index dans la boucle for et augmenter la lisibilité du code .

Cet article présente plusieurs structures de boucles couramment utilisées en JavaScript et leurs scénarios d'application. Ils peuvent aider les développeurs à mettre en œuvre diverses logiques et algorithmes et à améliorer la lisibilité et l'efficacité du code.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!