“Boucle for…in en JavaScript : Itération sur les Propriétés des Objets”

La boucle for...in en JavaScript est utilisée pour itérer sur les propriétés d’un objet. Cette boucle parcourt toutes les propriétés d’un objet et renvoie chaque propriété une par une. Il est important de noter que les propriétés sont non ordonnées, donc l’ordre des propriétés de l’objet n’est pas garanti. Voici comment utiliser la boucle for...in avec des exemples de code :

Utilisation de la Boucle for…in

for (let key in object) {
  // Les opérations pour chaque propriété se font ici
}

Dans la structure ci-dessus, key représente chaque propriété de l’objet, et object fait référence à l’objet sur lequel on effectue l’itération. La boucle entre dans chaque propriété et effectue les opérations spécifiées.

Exemples de Code

Imprimer les Propriétés de l’Objet dans la Console

let person = {
  name: 'John',
  age: 30,
  city: 'New York'
};

for (let key in person) {
  console.log(key + ': ' + person[key]);
}

Dans cet exemple, un objet person est défini. La boucle for...in est utilisée pour imprimer chaque propriété de l’objet dans la console.

Imprimer les Propriétés de l’Objet dans le HTML

<div id="output"></div>

<script>
let car = {
  brand: 'Toyota',
  model: 'Corolla',
  year: 2020
};

let output = document.getElementById('output');

for (let key in car) {
  output.innerHTML += '<p>' + key + ': ' + car[key] + '</p>';
}
</script>

Dans cet exemple, un objet car est défini. La boucle for...in est utilisée pour imprimer chaque propriété de l’objet dans le HTML.

Notes Importantes

• La boucle for...in ne renvoie que les propriétés propres de l’objet, pas celles héritées.
• Vous pouvez utiliser la méthode hasOwnProperty() pour vous assurer que la propriété appartient bien à l’objet lui-même.
• L’ordre des propriétés dans la boucle n’est pas garanti, donc l’ordre des propriétés n’est pas important.

La boucle for...in en JavaScript est un outil puissant pour itérer sur des objets et traiter leurs propriétés. Lorsqu’elle est utilisée correctement, elle permet de manipuler facilement les propriétés des objets.