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

Guide complet des boucles en JavaScript

Mary-Kate Olsen
Libérer: 2024-12-24 22:36:16
original
955 Les gens l'ont consulté

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
}
Copier après la connexion
Copier après la connexion

#### **Exemple :**

for (let i = 1; i <= 5; i++) {
  console.log(`Iteration: ${i}`);
}
Copier après la connexion
Copier après la connexion

***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
}
Copier après la connexion
Copier après la connexion

#### **Exemple :**

let count = 0;
while (count < 5) {
  console.log(`Count is: ${count}`);
  count++;
}
Copier après la connexion
Copier après la connexion

***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);
Copier après la connexion
Copier après la connexion

#### **Exemple :**

let number = 0;
do {
  console.log(`Number is: ${number}`);
  number++;
} while (number < 3);
Copier après la connexion
Copier après la connexion

***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
}
Copier après la connexion
Copier après la connexion

#### **Exemple :**

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

***Sortie :*

name: John
age: 30
city: New York
Copier après la connexion

***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
}
Copier après la connexion

#### **Exemple :**

const fruits = ["Apple", "Banana", "Cherry"];
for (let fruit of fruits) {
  console.log(fruit);
}
Copier après la connexion

***Sortie :*

Apple
Banana
Cherry
Copier après la connexion

***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);
}
Copier après la connexion

***Sortie :*

for (initialization; condition; increment/decrement) {
  // Code to execute
}
Copier après la connexion
Copier après la connexion

### **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}`);
}
Copier après la connexion
Copier après la connexion

***Sortie :*

while (condition) {
  // Code to execute
}
Copier après la connexion
Copier après la connexion

### **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++;
}
Copier après la connexion
Copier après la connexion

***Sortie :*

do {
  // Code to execute
} while (condition);
Copier après la connexion
Copier après la connexion

### **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);
Copier après la connexion
Copier après la connexion

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
}
Copier après la connexion
Copier après la connexion

### **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]}`);
}
Copier après la connexion
Copier après la connexion

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!

source:dev.to
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal