Comment utiliser les instructions de boucle en javascript

JavaScript est un langage de programmation largement utilisé avec une syntaxe flexible et simple qui est couramment utilisée pour le développement Web et les scripts de navigateur. En JavaScript, une boucle est une structure utilisée pour effectuer des tâches répétitives, ce qui aide les programmeurs à simplifier leur code et à traiter plus facilement de grandes quantités de données. Dans cet article, nous présenterons en détail comment utiliser les instructions de boucle en JavaScript.

1. boucle for

La boucle for est l'une des structures de boucle les plus couramment utilisées en JavaScript. Il permet au programmeur de définir une variable pour parcourir une plage spécifiée et exécuter du code à chaque itération. Généralement, une boucle for se compose de trois parties : l'initialisation, la condition et l'incrémenteur.

Exemple :

for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

Le code ci-dessus utilise une boucle for pour afficher chaque élément d'un tableau sur la console. La partie initialisation let i = 0 définit la variable i et la définit sur 0, la partie conditionnelle i < array.length spécifie la plage de boucle et la partie incrémenteur i++augmente la valeur de la variable i. let i = 0定义了变量i并将其设置为0，条件部分i < array.length指定了循环范围，递增器部分i++增加了变量i的值。

2. while循环

while循环也是JavaScript中常用的循环结构之一。它允许程序员在条件为真时重复执行一些代码。与for循环不同，while循环只包括一个条件，当条件为真时会一直重复执行。

示例：

let i = 0;
while (i < array.length) {
  console.log(array[i]);
  i++;
}

上面的代码使用while循环将array数组中的每个元素输出到控制台。变量i的初始化和递增与for循环相同，而while的条件i < array.length指定了循环范围。

3. do-while循环

do-while循环也是JavaScript中常用的循环结构之一。它允许程序员在条件为真时重复执行一些代码，与while循环不同的是，它首先执行一次代码块，然后再判断条件是否为真，如果条件为真，则重复执行代码块。

示例：

let i = 0;
do {
  console.log(array[i]);
  i++;
}
while (i < array.length);

上面的代码使用do-while循环将array数组中的每个元素输出到控制台。变量i的初始化和递增与前两个示例相同，而do-while循环的条件i < array.length

while loop
4. while loop est également l'une des structures de boucle couramment utilisées en JavaScript. Cela permet au programmeur d’exécuter du code à plusieurs reprises lorsqu’une condition est vraie. Contrairement à une boucle for, une boucle while ne contient qu'une seule condition et sera exécutée à plusieurs reprises lorsque la condition est vraie.

Exemple :

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

Le code ci-dessus utilise une boucle while pour afficher chaque élément d'un tableau sur la console. L'initialisation et l'incrémentation de la variable i sont les mêmes que celles de la boucle for, et la condition while i < array.length spécifie la plage de la boucle.

boucle do-while

5. la boucle do-while est également l'une des structures de boucle couramment utilisées en JavaScript. Il permet au programmeur d'exécuter du code à plusieurs reprises lorsque la condition est vraie. Contrairement à la boucle while, il exécute d'abord le bloc de code une fois, puis détermine si la condition est vraie, le bloc de code est exécuté à plusieurs reprises.
Exemple :

const array = [1, 2, 3];
for (let value of array) {
  console.log(value);
}

Le code ci-dessus utilise une boucle do-while pour afficher chaque élément d'un tableau sur la console. L'initialisation et l'incrémentation de la variable i sont les mêmes que dans les deux exemples précédents, et la condition de la boucle do-while i < array.length spécifie la plage de la boucle et est jugée après le bloc de code. est exécuté.

for...in loop

for...in loop est une structure de boucle utilisée pour itérer les propriétés d'un objet. Il permet au programmeur de parcourir toutes les propriétés d'un objet et d'effectuer certains traitements.
Exemple : 🎜rrreee🎜Le code ci-dessus utilise une boucle for...in pour parcourir l'objet personne et afficher chaque attribut de l'objet (nom, âge et ville) sur la console. 🎜🎜🎜boucle for...of 🎜🎜🎜boucle for...of est une nouvelle construction de boucle qui permet aux programmeurs de manipuler plus facilement les données lors de l'itération de tableaux et d'autres objets itérables. Il est souvent utilisé avec la nouvelle interface itérateur d'ES6. 🎜🎜Exemple : 🎜rrreee🎜Le code ci-dessus utilise une boucle for...of pour parcourir un tableau et afficher chaque valeur du tableau sur la console. 🎜🎜Résumé : 🎜🎜Cet article détaille l'utilisation des structures de boucles couramment utilisées en JavaScript, y compris les boucles for, les boucles while, les boucles do-while, les boucles for...in et les boucles for...of. La structure en boucle est l'une des structures les plus couramment utilisées en JavaScript et elle est très adaptée au traitement et à la manipulation de grandes quantités de données et d'objets. La maîtrise et l'utilisation des structures de boucles peuvent aider les programmeurs à écrire du code JavaScript plus efficacement. 🎜

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!