JavaScript pour ... en boucle (avec exemples)

Dans ce didacticiel, vous découvrirez le JavaScript pour… en boucle à l'aide d'exemples.

Dans les tutoriels précédents, nous avons couvert:

  • JavaScript while et do… while en boucle
  • JavaScript pour boucle

Il existe également d'autres types de boucles. La for… inboucle en JavaScript vous permet d'itérer sur toutes les clés de propriété d'un objet.

JavaScript pour… en boucle

La syntaxe de la for… inboucle est:

 for (key in object) ( // body of for… in )

À chaque itération de la boucle, une clé est affectée à la variable clé. La boucle continue pour toutes les propriétés d'objet.

Remarque : une fois que vous obtenez les clés, vous pouvez facilement trouver sa valeur.

Exemple 1: Itérer à travers un objet

 const student = ( name: 'Monica', class: 7, age: 12 ) // using for… in for ( let key in student ) ( // display the properties console.log(`$(key) => $(student(key))`); )

Production

 nom => classe Monica => 7 âge => 12

Dans le programme ci-dessus, la for… inboucle est utilisée pour parcourir l' studentobjet et afficher toutes ses propriétés.

  • La clé d'objet est affectée à la clé variable.
  • student(key) est utilisé pour accéder à la valeur de la clé.

Exemple 2: mettre à jour les valeurs des propriétés

 const salaries= ( Jack : 24000, Paul : 34000, Monica : 55000 ) // using for… in for ( let i in salaries) ( // add a currency symbol let salary = "$" + salaries(i); // display the values console.log(`$(i) : $(salary)`); )

Production

 Jack: 24 000 $, Paul: 34 000 $, Monica: 55 000 $

Dans l'exemple ci-dessus, la for… inboucle est utilisée pour parcourir les propriétés de l' salariesobjet. Ensuite, la chaîne $est ajoutée à chaque valeur de l'objet.

for… in with Strings

Vous pouvez également utiliser une for… inboucle pour parcourir des valeurs de chaîne. Par exemple,

 const string = 'code'; // using for… in loop for (let i in string) ( console.log(string(i)); )

Production

 code

for… in with Arrays

Vous pouvez également utiliser for… inavec des tableaux. Par exemple,

 // define array const arr = ( 'hello', 1, 'JavaScript' ); // using for… in loop for (let x in arr) ( console.log(arr(x)); )

Production

 bonjour 1 JavaScript

Vous en apprendrez plus sur les tableaux dans des didacticiels ultérieurs.

Remarque : vous ne devez pas utiliser for… inpour parcourir un tableau où l'ordre d'index est important.

L'un des meilleurs moyens d'itérer sur un tableau consiste à utiliser la for… ofboucle.

Pour en savoir plus sur la for… ofboucle, visitez JavaScript pour… de la boucle.

Articles intéressants...