pour… en boucles en javascript - paires de valeurs clés

En JavaScript, les objets stockent et organisent des données dans des paires de valeurs clés. Parfois, les développeurs ont besoin de parcourir chaque paire de valeurs clés. JavaScript fournit une variété de boucles, comme «pour" ou "pour chaque«Boucles, mais ils sont habitués à itérer à travers des tableaux. Pour itérer à travers des objets, le «pour… dans”Une boucle est utilisée, qui itère sur les propriétés d'un objet.

Ce blog illustrera le javascript pour… en boucle.

Comment utiliser «pour… in» boucles en javascript?

En JavaScript, le «pour… dans”Loop est habitué pour parcourir les propriétés de l'objet, y compris toutes les propriétés énumérées de ses prototypes. Chaque propriété et sa valeur seront itérées dans la boucle.

Syntaxe

Pour itérer des objets JavaScript, utilisez la syntaxe suivante du For… en boucle:

pour (variable dans objet)
//…

Exemple

Tout d'abord, créez un objet de langages de programmation appelée «égouter»:

const Lang =
HTML: 20,
CSS: 65,
Javascript: 23,
Nodejs: 8

Maintenant, imprimez toutes les paires de valeurs de clé en itérant l'objet en utilisant pour… en boucle:

for (const Key in lang)
console.log ('$ key: $ lang [key]');

On peut voir que le pour… en boucle a réussi à itérer et à imprimer toutes les paires de valeurs clés sur la console:

Le pour… en boucle peut être utile pour itération à travers les propriétés d'un objet, mais il peut également conduire à un comportement inattendu si l'objet a des propriétés héritées de ses prototypes. Pour éviter cela, la meilleure approche est d'utiliser le «Objet.HasownProperty ()”Méthode à l'intérieur du pour… en boucle pour vérifier si la propriété / l'attribut appartient à l'objet et non à l'un de ses prototypes.

Exemple

Itérer les propres propriétés de l'objet en utilisant la méthode HasownProperty ():

for (const Key in lang)
if (lang.HasownProperty (Key))
console.log ('$ key -> $ lang [key]');

Vous pouvez aussi utiliser "Objet.clés()" ou "Objet.Entrées ()«Méthodes pour obtenir un tableau des noms de propriétés de l'objet ou des paires de valeurs clés, respectivement, puis itérer sur ce tableau.

Conclusion

Le "pour… dans”Loop en JavaScript iratera sur tous les attributs énumérables d'un objet, y compris ceux hérités par la chaîne prototype. Le principal problème avec le pour… en boucle est qu'il itère à travers les propriétés de la chaîne prototype. Donc, pour éviter cette utilisation, le «Objet.HasownProperty ()«Méthode à l'intérieur du pour… en boucle. Dans ce blog, nous avons illustré l'utilisation du FOR… en boucle en javascript.