Skip to content

Les boucles

Les boucles sont une fonctionnalité fondamentale de la programmation en JavaScript, permettant de répéter un bloc de code plusieurs fois. Elles sont particulièrement utiles pour exécuter une même opération sur chaque élément d'un tableau, pour parcourir des objets, ou pour répéter une action un certain nombre de fois. Voici les types de boucles les plus courants en JavaScript :

1. Boucle for

La boucle for est l'une des boucles les plus utilisées. Elle est idéale lorsque vous savez combien de fois vous devez répéter un bloc de code.

javascript
for (let i = 0; i < 5; i++) {
    console.log(i); // Affiche 0, 1, 2, 3, 4
}
for (let i = 0; i < 5; i++) {
    console.log(i); // Affiche 0, 1, 2, 3, 4
}

2. Boucle while

La boucle while exécute un bloc de code tant que la condition spécifiée est vraie. Elle est utile lorsque le nombre de répétitions n'est pas connu à l'avance.

javascript
let i = 0;
while (i < 5) {
    console.log(i); // Affiche 0, 1, 2, 3, 4
    i++;
}
let i = 0;
while (i < 5) {
    console.log(i); // Affiche 0, 1, 2, 3, 4
    i++;
}

3. Boucle do...while

Semblable à la boucle while, mais le bloc de code est exécuté au moins une fois avant que la condition soit testée.

javascript
let j = 0;
do {
    console.log(j); // Exécute cette ligne au moins une fois
    j++;
} while (j < 5);
let j = 0;
do {
    console.log(j); // Exécute cette ligne au moins une fois
    j++;
} while (j < 5);

4. Boucle for...in

Cette boucle est utilisée pour itérer sur toutes les propriétés énumérables d'un objet.

javascript
let personne = {nom: "Alice", age: 25, ville: "Paris"};
for (let cle in personne) {
    console.log(cle + ": " + personne[cle]);
    // Affiche nom: Alice, age: 25, ville: Paris
}
let personne = {nom: "Alice", age: 25, ville: "Paris"};
for (let cle in personne) {
    console.log(cle + ": " + personne[cle]);
    // Affiche nom: Alice, age: 25, ville: Paris
}

5. Boucle for...of

Introduite en ES6, cette boucle permet de parcourir des objets itérables (comme des tableaux, des chaînes de caractères, etc.) de manière plus concise.

javascript
let nombres = [10, 20, 30, 40, 50];
for (let valeur of nombres) {
    console.log(valeur); // Affiche 10, 20, 30, 40, 50
}
let nombres = [10, 20, 30, 40, 50];
for (let valeur of nombres) {
    console.log(valeur); // Affiche 10, 20, 30, 40, 50
}

Astuces

  • Choix de la boucle : Utilisez la boucle la mieux adaptée à votre besoin. Par exemple, for est idéal pour les situations où le nombre d'itérations est connu, tandis que while est préférable quand le nombre d'itérations dépend d'une condition qui n'est pas fixe dès le début.
  • Prévenir les Boucles Infinies : Assurez-vous que la condition de fin de boucle est atteinte. Une boucle sans condition de fin valable peut entraîner une boucle infinie, ce qui peut bloquer ou crasher votre programme.
  • Modification de l'élément itéré : Soyez prudent lorsque vous modifiez l'élément ou la structure sur laquelle vous itérez, car cela peut affecter le comportement de la boucle.