Maison >interface Web >js tutoriel >Guide complet des boucles en JavaScript

Guide complet des boucles en JavaScript

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-24 22:36:16956parcourir

Comprehensive Guide to Loops in JavaScript

### Boucles en JavaScript

Voici un guide complet des boucles en JavaScript avec des exemples :


### **1. Pour la boucle**
La boucle for est idéale lorsque vous connaissez le nombre exact d'itérations que vous devez effectuer.

#### **Syntaxe :**

for (initialization; condition; increment/decrement) {
  // Code to execute
}

#### **Exemple :**

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

***Explication:*

  • let i = 1 initialise la variable de boucle i.
  • i <= 5 vérifie si la condition est vraie avant chaque itération.
  • j'incrémente i après chaque exécution de boucle.

### **2. Boucle While**
La boucle while est utilisée lorsque le nombre d'itérations n'est pas prédéterminé et dépend d'une condition.

#### **Syntaxe :**

while (condition) {
  // Code to execute
}

#### **Exemple :**

let count = 0;
while (count < 5) {
  console.log(`Count is: ${count}`);
  count++;
}

***Explication:*

  • La boucle continue tant que le nombre < 5 est vrai.
  • À l'intérieur de la boucle, la valeur de count est incrémentée à chaque itération.

### **3. Boucle Do-While**
La boucle do-while garantit que le bloc de code est exécuté au moins une fois, même si la condition est fausse.

#### **Syntaxe :**

do {
  // Code to execute
} while (condition);

#### **Exemple :**

let number = 0;
do {
  console.log(`Number is: ${number}`);
  number++;
} while (number < 3);

***Explication:*

  • Le corps de la boucle s'exécute en premier, imprimant le numéro.
  • Le numéro de condition < 3 est vérifié par la suite, déterminant si la boucle doit continuer.

### **4. Boucle For-In**
La boucle for-in est utilisée pour parcourir les propriétés d'un objet.

#### **Syntaxe :**

for (key in object) {
  // Code to execute
}

#### **Exemple :**

const person = { name: "John", age: 30, city: "New York" };
for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}

***Sortie :*

name: John
age: 30
city: New York

***Explication:*

  • key contient le nom de la propriété.
  • person[key] accède à la valeur correspondante.

### **5. Boucle For-Of**
La boucle for-of est utilisée pour parcourir des objets itérables tels que des tableaux, des chaînes, des cartes ou des ensembles.

#### **Syntaxe :**

for (variable of iterable) {
  // Code to execute
}

#### **Exemple :**

const fruits = ["Apple", "Banana", "Cherry"];
for (let fruit of fruits) {
  console.log(fruit);
}

***Sortie :*

Apple
Banana
Cherry

***Explication:*

  • fruit prend chaque élément du tableau dans l'ordre.

### **6. Sortir des boucles**
Utilisez l'instruction break pour quitter une boucle prématurément.

#### **Exemple :**

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

***Sortie :*

for (initialization; condition; increment/decrement) {
  // Code to execute
}

### **7. Sauter des itérations**
Utilisez l'instruction continue pour ignorer l'itération en cours.

#### **Exemple :**

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

***Sortie :*

while (condition) {
  // Code to execute
}

### **8. Boucles imbriquées**
Les boucles peuvent être imbriquées les unes dans les autres pour des itérations multidimensionnelles.

Exemple :

let count = 0;
while (count < 5) {
  console.log(`Count is: ${count}`);
  count++;
}

***Sortie :*

do {
  // Code to execute
} while (condition);

### **9. Boucles infinies**
Méfiez-vous des boucles avec des conditions qui ne sont jamais évaluées comme fausses.

#### **Exemple :**

let number = 0;
do {
  console.log(`Number is: ${number}`);
  number++;
} while (number < 3);

Remarque : Évitez de telles boucles à moins qu'il n'y ait un mécanisme de rupture.


### **10. Boucle sur des tableaux**
Les boucles for et for-of sont couramment utilisées avec les tableaux.

#### **Exemple :**

for (key in object) {
  // Code to execute
}

### **11. Boucle sur des chaînes**
La boucle for-of est également utile pour parcourir les caractères d'une chaîne.

Exemple :

const person = { name: "John", age: 30, city: "New York" };
for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}

En comprenant et en appliquant efficacement ces types de boucles, vous pouvez gérer efficacement les tâches répétitives et les structures de données en JavaScript. Faites-moi savoir si vous avez besoin de précisions sur un type spécifique !

Bonjour, je m'appelle Abhay Singh Kathayat !
Je suis un développeur full-stack avec une expertise dans les technologies front-end et back-end. Je travaille avec une variété de langages et de frameworks de programmation pour créer des applications efficaces, évolutives et conviviales.
N'hésitez pas à me contacter à mon e-mail professionnel : kaashshorts28@gmail.com.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn