Ce didacticiel montrera comment boucler/itérer à travers un objet JavaScript simple.
Comment parcourir un objet JavaScript clair/simple ?
Pour boucler/itérer dans un objet JavaScript simple, utilisez les méthodes suivantes :
Méthode 1 : boucler sur un objet JavaScript brut/simple à l'aide d'une boucle for-in
Pour parcourir un objet en boucle, utilisez la boucle 'for-in'. Il itère sur tous les attributs de chaîne énumérables d'un objet qui sont associés à un objet.
Syntaxe
Utilisez la syntaxe fournie pour utiliser la boucle for-in pour parcourir un objet :
pour ( variable dans chose )
Exemple
Créez un objet avec des propriétés dans des paires clé-valeur :
a été chose = {
'JavaScript' : un ,
'Java' : 5 ,
'Python' : vingt ,
'HTML' : 2 ,
'CSS' : Onze
}
Boucle sur l'objet en fonction des clés d'un objet :
pour ( constante clé dans chose ) {console. Journal ( `$ { clé } : $ { chose [ clé ] } ` ) ;
}
La sortie affiche toutes les caractéristiques de l'objet dans une paire clé-valeur :
Méthode 2 : boucler sur un objet JavaScript clair/simple à l'aide de la méthode Object.keys()
Chaque propriété d'un objet a une valeur correspondante, ce qui signifie que chaque propriété comprend des paires clé-valeur. Vous pouvez extraire les clés, les valeurs ou à la fois les clés et les valeurs en tant qu'entrées dans un tableau à l'aide des méthodes statiques de l'objet. Si vous voulez récupérer les clés d'un objet, utilisez le ' Objet.keys() ' méthode.
Syntaxe
Suivez la syntaxe donnée pour parcourir un objet afin de récupérer les propriétés/clés d'un objet :
Exemple
Appelez la méthode Object.keys() et stockez le tableau de clés résultant de l'objet dans la variable ' objKeys ” :
Comme vous pouvez le voir dans la sortie, toutes les clés d'un objet ont été récupérées avec succès :
Méthode 3 : Boucler dans un objet JavaScript clair/simple à l'aide de la méthode Object.values()
Pour obtenir les valeurs d'un objet par rapport à ses propriétés, utilisez le ' Objet.values() ' méthode. Il renvoie un tableau de valeurs pour les propriétés/clés d'un objet.
Syntaxe
La syntaxe donnée est utilisée pour obtenir les valeurs de l'objet en parcourant un objet :
Exemple
Appelez la méthode Object.values() pour obtenir les valeurs d'un objet par rapport à ses propriétés :
La sortie affiche un tableau de valeurs par rapport aux propriétés de l'objet :
Méthode 4 : Boucler dans un objet JavaScript clair/simple à l'aide de la méthode Object.entries()
Vous pouvez également parcourir un objet JavaScript clair/simple en utilisant le ' Objet.entries() ' méthode. Il génère un tableau de sous-tableaux contenant des paires clé-valeur de l'objet donné.
Syntaxe
La syntaxe suivante est utilisée pour obtenir les entrées d'un objet en bouclant un objet :
Exemple
Appelez la méthode Object.entries() sur l'objet pour récupérer toutes les entrées d'un objet :
Sortir
Nous avons rassemblé toutes les informations nécessaires pour parcourir des objets JavaScript simples avec des objets en tant que membres.
Conclusion
Pour parcourir un objet JavaScript clair/simple, utilisez le ' pour-dans ' boucle, ' Objet.keys() ' méthode, ' Objet.values() » ou la méthode « Objet.entries() ' méthode. La boucle for-in et la méthode Object.entries() sont utilisées pour obtenir toutes les paires clé-valeur d'un objet, tandis que Object.keys() est utilisé pour obtenir les clés et Object.values() pour les valeurs de un objet. Ce didacticiel a démontré différentes manières de parcourir un objet JavaScript simple.