JavaScript : Pour la boucle


Introduction

Nous avons appris les boucles « while » et « do » dans les précédents articles du blog. Les boucles nous permettent de répéter la même action plusieurs fois. Elles ont trois exigences :

  1. Condition de démarrage
  2. Condition finale
  3. Comptoir

La boucle « for » combine les trois exigences sur une seule ligne, contrairement à la boucle « while » ou « do-while ».

for (start; condition; counter) {
  // body
}

Exemple : Si nous voulons imprimer des numéros de 1 à 10 sur la console.

for (let i = 1; i <= 10; i++) {
  console.log(i); // 1, 2, 3, 4, 5, 6, 7, 8, 9, 10
}

Nous démarrer à 1 (c’est-à-dire la valeur initiale de i), vous fin à 10 (c’est la valeur finale de i dans l’évaluation), et vous augmentez i par un à chaque fois (en utilisant i++). Nous pouvons sauter n’importe quelle partie des exigences de la boucle, et cela fonctionne toujours.

Sortie pour la boucle

Il y a des situations où nous bouclons une structure de données, mais si une condition est remplie, nous ne voulons plus faire d’itérations. C’est là que le break Le mot-clé arrive.

for (let i = 1; i <= 10; i++) {
    if (i === 3) { // As soon as i reaches 3 the looping ends
        break;
    }
  console.log(i); // 1, 2
}

L’exemple ci-dessus est relativement simple. Nous pouvons le réaliser en modifiant la condition de sortie de i <= 10 à i < 3. Il n'est pas nécessaire d'utiliser le break mot-clé. Nous avons fait un exemple pour illustrer le mot-clé. Nous pourrions itérer sur un ensemble de noms de personnes, et une fois que nous avons trouvé une personne, sortir de la boucle.

Sauter une itération

continue nous permet de sauter une seule itération de la boucle. Il ne terminera pas la boucle comme break le fait, mais il n'exécutera pas une seule répétition.

Exemple : imprimez les chiffres de 1 à 10 mais n'imprimez pas 3 ou 6.

for (let i = 1; i <= 10; i++) {
    if (i === 3 || i === 6) { // when i is 3 or 6, skip console log and go to next value of i (next iteration)
        continue;
    }
    console.log(i); // 1 2 4 5 7 8 9 10
}

🚨 continue ou break ne fonctionne pas avec un opérateur ternaire comme ?. Nous devons utiliser if...else déclaration.

Soyez le premier à commenter

Poster un Commentaire

Votre adresse de messagerie ne sera pas publiée.


*