Boucles JavaScript importantes à connaître



Il existe différentes méthodes pour exécuter des boucles JavaScript. Lisez ici pour comprendre les différentes méthodes de bouclage en JavaScript avec des exemples.

Boucles dansJavaScript est utilisé pour prendre des décisions en validant une valeur particulière par rapport à une condition de test donnée et exécuter un segment de code particulier pendant un nombre spécifique de fois jusqu'à ce que la condition donnée soit satisfaite. Cela aide à rendre votre code compact. La les boucles sont expliquées dans cet article dans l'ordre suivant:

Boucles JavaScript

Les boucles JavaScript fournissent une méthode rapide et simple pour faire quelque chose de manière répétée. Ils sont utilisés pour répéter une action plusieurs fois sans avoir à répéter la même ligne de code. Il existe principalement deux types de boucles:





  • Boucles contrôlées d'entrée - En entrée contrôlée, la condition de test est testée avant d'entrer dans le corps de la boucle. Pour la boucle et Alors que la boucle sont des boucles contrôlées à l'entrée.

  • Quitter les boucles contrôlées En sortie contrôlée, la condition de test est évaluée à la fin du corps de la boucle. Par conséquent, le corps de la boucle s'exécutera au moins une fois,indépendamment du fait que la condition de test soit vraie ou fausse. boucle do-while est une boucle contrôlée de sortie.



Passons à présent et discutons des différentes méthodes d'exécution des boucles JavaScript.

Pour la boucle

Cette méthode fournit une manière concise d'écrire la structure de la boucle. Une boucle for se répète jusqu'à ce qu'une condition spécifiée soit évaluée à false.

for loop - boucles javascript - edureka



Syntaxe-

for (incrémentation / décrémentation de la condition de test d'initialisation) {instruction}

Exemple-

// programme JavaScript pour illustrer la boucle for var x // la boucle for commence quand x = 1 // et s'exécute jusqu'à x<=5 for (x = 1 x <= 5 x++) { document.write('Value of x:' + x + ' 
')}

Production-

Valeur de x: 1 Valeur de x: 2 Valeur de x: 3 Valeur de x: 4

Alors que la boucle

Une boucle while est une instruction de flux de contrôle qui permet au code d'être exécuté à plusieurs reprises en fonction d'une condition booléenne particulière. Cette boucle est similaire à celle d'une instruction if répétitive.

studio android étape par étape

Syntaxe-

while (condition booléenne) {instructions de boucle}

Exemple-

// Programme JavaScript pour illustrer la boucle while var x = 1 // Quitter lorsque x devient supérieur à 5 while (x<= 5) { document.write('Value of x:' + x + ' 
') // incrémente la valeur de x pour // l'itération suivante x ++}

Production-

Valeur de x: 1 Valeur de x: 2 Valeur de x: 3 Valeur de x: 4 Valeur de x: 5

Boucle Do-while

Cette boucle est similaire à la boucle while mais la seule différence est qu'elle vérifie la condition après l'exécution des instructions. Il s'agit donc d'un exemple de boucle contrôlée de sortie.

Syntaxe-

faire {instructions} while (condition)

Exemple-

// Programme JavaScript pour illustrer la boucle do-while var x = 20 do {// si la condition est fausse document.write ('Value of x:' + x + ' 
') x ++} tandis que (x<10)

Production-

Valeur de x: 20

Boucle For-in

Cette boucle itère une variable spécifiée sur toutes les propriétés énumérables d'un objet. Pour chaque propriété distincte, JavaScript exécutera les instructions spécifiées.

Syntaxe-

for (variableName dans Object) {instructions}

Exemple-

// programme JavaScript pour illustrer la boucle for..in // création d'un objet var caractéristique = {premier: 'Nom', deuxième: 'Âge', troisième: 'Hauteur', quatrième: 'Couleur des yeux', cinquième: 'Nationalité '} // parcourir toutes les propriétés des // caractéristiques de l'objet et les afficher toutes // en utilisant des boucles for..in pour (itr dans les caractéristiques) {document.write (features [itr] +' 
')}

Production-

Nom Âge Hauteur Couleur des yeux Nationalité

Déclaration de rupture

L'instruction break est utilisée pour sauter hors d'une boucle. Cela vous aidera à rompre la boucle et à continuer à exécuter le code après la boucle.

Syntaxe-

break labelname

Exemple-

var text = '' var i pour (i = 0 i<10 i++) { if (i === 5) { break } text += 'The number is ' + i + ' 
'}

Production-

Le nombre est 0 Le nombre est 1 Le nombre est 2 Le nombre est 3 Le nombre est 4

Continuer la déclaration

L'instruction continue interrompt une itération dans la boucle si une condition spécifiée se produit et continue avec l'itération suivante dans la boucle. La différence entre l'instruction continue et l'instruction break est que l'instruction continue «saute» une itération dans la boucle au lieu de «sauter».

Syntaxe-

continuer labelname

Exemple-

var text = '' var i pour (i = 0 i<5 i++) { if (i === 2) { continue } text += 'The number is ' + i + ' 
'}

Production-

Le nombre est 0 Le nombre est 1 Le nombre est 3 Le nombre est 4

Ce sont les différentes méthodes d'exécution des boucles JavaScript. Avec cela, nous sommes arrivés à la fin de notre article.

Maintenant que vous connaissez les boucles JavaScript, consultez la par Edureka. La formation de certification en développement Web vous aidera à apprendre à créer des sites Web impressionnants à l'aide des API HTML5, CSS3, Twitter Bootstrap 3, jQuery et Google et à les déployer sur Amazon Simple Storage Service (S3).

Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires de «JavaScript Loops» et nous vous recontacterons.