📢 Je vous présente le livre Angular

  • 1) Il offre un contenu clair et concis, tout en couvrant une multitude de concepts d'Angular.
  • 2) Le livre est structuré en trois niveaux : débutant, intermédiaire et avancé
  • 3) traite des pratiques les plus récentes d'Angular, comme les signaux, les vues différées, la gestion des flux, entre autres
  • 4) De plus, vous y trouverez plusieurs liens vers des exemples de code source pour approfondir vos connaissances en pratique.
Consulter un extrait

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
}

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++;
}

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);

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
}

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
}

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.

Chaque mois, recevez en avant-première notre newsletter avec les dernières actualités, tutoriels, astuces et ressources Angular directement par email !