Maison > interface Web > Questions et réponses frontales > Combien de types de boucles existe-t-il en javascript ?

Combien de types de boucles existe-t-il en javascript ?

PHPz
Libérer: 2023-05-10 09:49:36
original
607 Les gens l'ont consulté

JavaScript est un langage de script souvent utilisé dans le développement Web et d'autres applications. Il existe de nombreux types de boucles dans JS qui sont utilisées pour exécuter de manière répétée un morceau de code. Cet article présentera en détail les boucles en JavaScript.

En JavaScript, les types de boucles couramment utilisés suivants sont :

  1. boucle for
    la boucle for est une structure de contrôle itérative qui peut parcourir tous les éléments d'un tableau encore et encore. Sa syntaxe est la suivante :
for (initialization; condition; increment) {
   // code to be executed
}
Copier après la connexion

où, initialisation est la valeur de départ de la boucle, qui peut être une variable ou une constante condition est la condition de la boucle ; Lorsque la condition est False, la boucle se termine ; increment est la valeur modifiée après chaque exécution de la boucle, similaire à l'auto-incrémentation ou à l'auto-décrémentation. L'exemple de code est le suivant : initialization 是循环的起始值,可以是一个变量或一个常量;condition 是循环条件,当该条件为 false 时,循环结束;increment 是循环每次执行后的变化值,类似于自增或自减。示例代码如下:

for (let i = 0; i < 10; i++) {
   console.log(i);
}
Copier après la connexion
  1. while 循环

while 循环是另一种迭代控制结构,只要条件为 true,就会一遍一遍地执行代码块。它的语法如下:

while (condition) {
   // code to be executed
}
Copier après la connexion

示例代码如下:

let i = 0;
while (i < 10) {
   console.log(i);
   i++;
}
Copier après la connexion
  1. do-while 循环

do-while 循环与 while 循环相似,但不同之处在于条件检查是在代码块执行完之后执行的。即使条件一开始就为 false,也至少会执行一次。它的语法如下:

do {
  // code to be executed
} while (condition);
Copier après la connexion

示例代码如下:

let i = 0;
do {
   console.log(i);
   i++;
} while (i < 10);
Copier après la connexion
  1. for-in 循环

for-in 循环用于遍历对象或数组中的属性或元素。它的语法如下:

for (variable in object) {
   // code to be executed
}
Copier après la connexion

其中,variable 是要迭代的变量名,object 是要迭代的对象。示例代码如下:

const myObj = { a: 1, b: 2, c: 3 };
for (const property in myObj) {
   console.log(property + ": " + myObj[property]);
}
Copier après la connexion
  1. for-of 循环

for-of 循环用于遍历可迭代的对象,比如数组和字符串。它的语法如下:

for (variable of iterable) {
  // code to be executed  
}
Copier après la connexion

其中,variable 是要迭代的变量名,iterable

const myArray = [1, 2, 3];
for (const element of myArray) {
   console.log(element);
}
Copier après la connexion
    boucle while

    🎜boucle while est une autre structure de contrôle itérative qui exécute un bloc de code encore et encore tant qu'une condition est vraie. Sa syntaxe est la suivante : 🎜rrreee🎜L'exemple de code est le suivant : 🎜rrreee
      🎜boucle do-while🎜🎜🎜la boucle do-while est similaire à la boucle while, mais la différence est que le la vérification de la condition est dans le bloc de code Exécuté après l'exécution. Même si la condition est fausse au départ, elle sera exécutée au moins une fois. Sa syntaxe est la suivante : 🎜rrreee🎜L'exemple de code est le suivant : 🎜rrreee
        🎜boucle for-in🎜🎜🎜la boucle for-in est utilisée pour parcourir les propriétés ou les éléments d'un objet ou un tableau. Sa syntaxe est la suivante : 🎜rrreee🎜où, variable est le nom de la variable à itérer, et object est l'objet à itérer. L'exemple de code est le suivant : 🎜rrreee
          🎜boucle for-of🎜🎜🎜la boucle for-of est utilisée pour parcourir des objets itérables, tels que des tableaux et des chaînes. Sa syntaxe est la suivante : 🎜rrreee🎜où, variable est le nom de la variable à itérer, et iterable est l'objet à itérer. L'exemple de code est le suivant : 🎜rrreee🎜Les boucles ci-dessus sont couramment utilisées en JavaScript. Chaque boucle a ses propres scénarios applicables. Lors de l'écriture de code JavaScript, vous devez choisir différentes structures de boucle en fonction de différents besoins. J'espère que cet article sera utile à tout le monde pour comprendre les boucles JavaScript. 🎜

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:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal