TOC

Utiliser While et Do …​ Boucles While en JavaScript

introduction

L’automatisation est la technique permettant de faire fonctionner un système automatiquement; en programmation, nous utilisons * boucles * pour automatiser des tâches répétitives. Les boucles sont l’une des fonctionnalités les plus utiles des langages de programmation. Dans cet article, nous allons en apprendre davantage sur les boucles + while + et + do …​ while + en JavaScript.

Les instructions + while + et + do …​ while + dans JavaScript sont similaires à conditional , qui sont des blocs de code qui seront exécutés si une condition spécifiée aboutit à https://www.digitalocean.com/community/tutorials/understanding-data-types-in-javascript#booleans [+ true +]. Contrairement à une instruction + if +, qui n’évalue qu’une fois, une boucle s’exécutera plusieurs fois jusqu’à ce que la condition ne soit plus évaluée à + ​​true +.

Un autre type de boucle courant que vous rencontrerez est la https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for [+ pour + statement], qui exécute un nombre défini de fois. . Les boucles + While + et + do …​ While + sont basées sur des conditions, il n’est donc pas nécessaire de savoir à l’avance combien de fois la boucle s’exécutera.

Alors que la boucle

En JavaScript, une instruction + while + est une boucle qui s’exécute tant que la condition spécifiée est évaluée à + ​​true +.

La syntaxe est très similaire à une déclaration + if +, comme indiqué ci-dessous.

while (condition) {
   // execute code as long as condition is true
}

L’instruction + while + est la boucle la plus élémentaire à construire en JavaScript.

Par exemple, supposons que nous ayons un aquarium dont la population est limitée. Pour chaque itération de la boucle, nous ajouterons un poisson. Une fois que l’aquarium aura «+ 10 +» poissons, la limite de population sera atteinte et le programme cessera d’ajouter plus de poissons.

aquarium.js

// Set population limit of aquarium to 10
const popLimit = 10;

// Start off with 0 fish
let fish = 0;

// Initiate while loop to run until fish reaches population limit
while (fish < popLimit) {
   // add one fish for each iteration
   fish++;
   console.log("There's room for " + (popLimit - fish) + " more fish.");
}

Une fois que nous aurons exécuté le programme ci-dessus, nous obtiendrons le résultat suivant, en indiquant son itération à travers la boucle + while + jusqu’à ce que les conditions ne soient plus évaluées comme + true +.

OutputThere's room for 9 more fish.
There's room for 8 more fish.
There's room for 7 more fish.
There's room for 6 more fish.
There's room for 5 more fish.
There's room for 4 more fish.
There's room for 3 more fish.
There's room for 2 more fish.
There's room for 1 more fish.
There's room for 0 more fish.

Dans notre exemple, nous configurons notre boucle while while ' tant que le nombre de poissons est inférieur à la limite de population de l’aquarium. A chaque itération, un poisson est ajouté à l’aquarium jusqu’à ce que tous les points "+ 10 +" soient remplis. À ce stade, la boucle cesse de courir.

Boucles Infinies

Comme son nom l’indique, une * boucle infinie * est une boucle qui continuera à fonctionner pour toujours. Si vous faites accidentellement une boucle infinie, votre navigateur ou votre ordinateur pourrait se bloquer. Il est important de connaître les boucles infinies pour les éviter.

Une boucle infinie commune se produit lorsque la condition de l’instruction + while + est définie sur + true +. Vous trouverez ci-dessous un exemple de code qui fonctionnera pour toujours. Il n’est pas nécessaire de tester des boucles infinies.

Boucle infinie.js

// Initiate an infinite loop
while (true) {
   // execute code forever
}

Une boucle infinie fonctionnera pour toujours, mais le programme peut être terminé avec le mot clé + break.

Dans l’exemple ci-dessous, nous ajouterons une instruction + if + à la boucle + while +, et lorsque cette condition sera remplie, nous terminerons la boucle par + break +.

polarBears.js

// Set a condition to true
const iceCapsAreMelting = true;
let polarBears = 5;

// Initiate infinite loop
while (iceCapsAreMelting) {
 console.log(`There are ${polarBears} polar bears.`);
 polarBears--;
 // Terminate infinite loop when following condition is true
 if (polarBears === 0) {
   console.log("There are no polar bears left.");
   break;
 }
}

Lorsque nous exécutons le code ci-dessus, le résultat sera le suivant.

OutputThere are 5 polar bears.
There are 4 polar bears.
There are 3 polar bears.
There are 2 polar bears.
There are 1 polar bears.
There are no polar bears left.

Notez que ce n’est pas nécessairement une méthode pratique pour créer et terminer une boucle, mais + break + est un mot-clé utile à connaître.

Do… While Loop

Nous avons déjà entendu parler de la boucle + while +, qui exécute un bloc de code tant qu’une condition spécifiée est vraie. Cela s’appuie sur l’instruction + do …​ while +, qui est très similaire à + ​​while +, la différence majeure étant qu’une boucle + do …​ while + sera toujours exécutée une fois, même si la condition est jamais vrai.

Nous montrerons ci-dessous la syntaxe de la boucle + do …​ while.

do {
   // execute code
} while (condition);

Comme vous pouvez le constater, la partie + do + de la boucle vient en premier et est suivie de + while (condition) +. Le bloc de code s’exécutera, puis la condition sera testée telle quelle dans une boucle + while + normale.

Pour tester cela, nous pouvons définir une variable sur + 0 +, l’incrémenter dans l’instruction + do + et définir notre condition sur + faux +.

falseCondition.js

// Set variable to 0
let x = 0;

do {
   // Increment variable by 1
   x++;
   console.log(x);
} while (false);
Output1

Notre sortie est sortie à + ​​1 +, ce qui signifie que le bloc de code a itéré une fois dans la boucle (à partir de + 0 +) avant d’être arrêté par une condition non réussie + while +.

Tout en gardant à l’esprit que la boucle itérera au moins une fois, la boucle + do …​ while peut être utilisée aux mêmes fins qu’une boucle` + while`.

Conclusion

Dans ce tutoriel, nous avons appris à propos des boucles + while +, du + do …​ while + et des boucles infinies en JavaScript.

L’automatisation des tâches répétitives est une partie extrêmement importante de la programmation, et ces boucles peuvent aider à rendre vos programmes plus efficaces et plus concis.

Pour en savoir plus, consultez https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/while [+ while +] et https://developer.mozilla.org/en -US / docs / Web / JavaScript / Référence / Instructions / do …​ pendant que [+ do …​ while +] effectue une boucle sur le réseau de développeurs Mozilla.

Related