Comprendre la méthode "for...in" en JavaScript

La méthode for...in est une boucle utilisée en JavaScript pour itérer sur toutes les propriétés d'un objet. Contrairement aux autres méthodes mentionnées dans la question - Object.forEach(), Object.loop() et forEach(), qui n'existent pas en JavaScript standard - for...in est bien une méthode prévue par ce langage pour examiner toutes les propriétés d'un objet, y compris celles héritées par la chaîne de prototypes de l'objet.

Une utilisation typique de for...in pourrait ressembler à ceci:

let voiture = {
    make: 'Toyota',
    model: 'Corolla',
    year: 2005
};

for(let proprieté in voiture) {
    console.log(proprieté + ': ' + voiture[proprieté]);
}

Dans cet exemple, for...in parcourt chaque propriété de l'objet "voiture", et la console affiche le nom de chaque propriété (c'est-à-dire make, model et year) ainsi que sa valeur correspondante.

Malgré son utilité, vous devez faire preuve de prudence lors de l'utilisation de la boucle for...in, car elle parcourt également les propriétés héritées des prototypes. Pour vous assurez que vous n'interagissez qu'avec les propriétés de l'objet lui-même, vous pouvez utiliser la méthode hasOwnProperty() :

for(let proprieté in voiture) {
    if (voiture.hasOwnProperty(proprieté)) {
        console.log(proprieté + ': ' + voiture[proprieté]);
    }
}

En conclusion, for...in est une méthode très flexible pour itérer sur les propriétés d'un objet en JavaScript. Assurez-vous simplement de l'utiliser judicieusement et de prendre en compte les propriétés héritées lorsque c'est nécessaire.