Comment itérer à travers des objets en javascript

Il est essentiel de savoir comment parcourir un ensemble de données énumérable en JavaScript pour les débutants JavaScript. Les données dont vous avez besoin pour itérer peuvent être sous n'importe quelle forme, comme les cartes, les listes, les tableaux et les objets. Différentes méthodes JavaScript sont utilisées pour itérer des objets en JavaScript et récupérer les paires de valeurs clés multiples. Les quatre grands d'entre eux sont pour… en boucle, Objet.clés() méthode, Objet.valeurs() Méthode, et Objet.Entrées () méthode.

Cet article discutera des méthodes d'itération à travers des objets en javascript. De plus, les procédures liées à l'itération de l'objet, comme pour… en boucle, objet.Méthode Keys (), objet.Méthode des valeurs () et objet.Méthode des entrées (), sera également démontrée avec des exemples. Alors, commençons!

Itérer à travers des objets en javascript en utilisant pour… en boucle

L'une des méthodes les plus courantes pour itérer à travers les propriétés de l'objet est d'utiliser le «pour… dans" boucle. Le code que vous ajouterez à l'intérieur du For… en boucle sera exécuté une fois pour chaque propriété de votre objet.

Exemple: itérer à travers des objets en javascript en utilisant pour… en boucle

Tout d'abord, vous devez créer un objet dans un programme JavaScript. Par exemple, dans l'exemple ci-dessous, nous avons créé un «utilisateur"Objet ayant"nom","âge","e-mail", et "actif«Comme ses propriétés:

const user =
Nom: 'Jack Smith',
Âge: 28,
Courriel: 'Jacksmith232 @ gmail.com ',
actif: true;

Ensuite, nous utiliserons le «pour… dans”Boucle pour itérer à travers le créé utilisateur objet. Le "pour… dans”Loop renverra les propriétés ou les clés de l'objet et leurs valeurs:

// itérate via l'objet utilisateur
pour (clé const dans l'utilisateur)
console.log ('$ key: $ user [key]');

Voici le code complet de l'exemple fourni avec sa sortie:

Itérer à travers des objets en javascript en utilisant l'objet.Méthode Keys ()

Pour faciliter l'itération des objets, le Objet.clés() La méthode a été ajoutée à ES6. Vous devez transmettre l'objet que vous souhaitez itérer et l'objet JavaScript.La méthode Keys () renvoie un tableau comprenant toutes les clés ou noms de propriétés. Ensuite, vous pouvez parcourir cette table.

Exemple: itérer des objets en javascript en utilisant un objet.Méthode Keys ()

À des fins de démonstration, nous créerons un «cours«Objet ayant des cours différents comme ses propriétés telles que«db","javascrip","CP", et "DLD»Et attribuera chacune de certaines valeurs spécifiques:

COURS CONS =
DB: 45,
JavaScript: 67,
CP: 23,
DLD: 15;

Après cela, nous convertirons notre «cours"Object au"clés" déployer:

// Convertir l'objet en clés Array
constants constants = objet.clés (cours);
// imprime toutes les clés
console.journal (clés);

Dans la prochaine étape, nous allons itérer en utilisant le «cours"Objet utilisant le"clés" déployer. Ici, nous avons utilisé le «pour chaque()”Boucle pour l'itération:

// itération à travers l'objet
clés.foreach ((key, index) =>
console.log ('$ key: $ cours [key]');
);

Jetez un œil à la sortie de l'exemple fourni dans l'image dirigée ci-dessous:

Itérer à travers des objets en javascript en utilisant l'objet.Méthode valeurs ()

L'objet JavaScript.la méthode valeurs () est opposée à l'objet.Méthode Key () et a été intégrée dans l'ES8. L'object.VALEUR () Méthode Sortie un tableau comprenant les valeurs de propriété de l'objet ajouté. Après cela, vous pouvez parcourir les valeurs des objets en utilisant une méthode de boucle de tableau telle que JavaScript ForEach ().

Exemple: itérer des objets en javascript en utilisant un objet.Méthode valeurs ()

Cet exemple vous montrera comment itérater en utilisant l'objet.Méthode valeurs () à travers une valeur d'objet. À cette fin, nous créerons un «des oiseaux"Objet ayant quatre propriétés"corbeau","moineau","perroquet", et "pigeon"Avec leurs valeurs respectives:

const Birds =
Crow: 1,
Sparrow: 2,
Parrot: 3,
pigeon: 4;

Maintenant, pour itérer les valeurs du «des oiseaux"Objet, nous invoquerons l'objet.Méthode valeurs () en passant le «des oiseaux”Objet comme argument:

// itérater à travers les valeurs des objets
Objet.Valeurs (oiseaux).foreach (val => console.log (val));

Découvrez la sortie ci-dessous de l'itération des valeurs d'objet:

Itérer à travers des objets en javascript en utilisant l'objet.Entrées () Méthode

Une autre méthode ES8 qui peut être utilisée pour itérer à travers les objets en JavaScript est «Objet.Entrées ()" méthode. Lorsque vous invoquez l'objet.Méthode entrées () En faisant passer l'objet créé comme argument, il renverra deux éléments dans chaque tableau intérieur. Le premier élément de tableau représentera la propriété de l'objet et sa valeur correspondante sera stockée dans le deuxième élément.

Exemple: itérer des objets en javascript en utilisant un objet.Entrées () Méthode

Pour utiliser l'objet.Entrées méthode () Dans votre programme JavaScript, créez un objet avec certaines propriétés et leurs valeurs. Par exemple, nous avons créé un «des oiseaux”Objet qui a quatre propriétés:

const Birds =
Crow: 1,
Sparrow: 2,
Parrot: 3,
pigeon: 4;

Maintenant, pour itérer à travers le «objet«Valeurs, nous passerons notre«des oiseaux«Objet comme argument au«Objet.Entrées ()«Méthode et stockez la valeur de retour dans le«entrées»Variable:

// itérater à travers les valeurs des objets
Antrices constantes = objet.entrées (oiseaux);
console.journal (entrées);

Comme vous pouvez le voir à partir de la sortie ci-dessous, le «Objet.Entrées ()«La méthode a retourné quatre tableaux intérieurs, où chaque tableau stockage une seule propriété du«des oiseaux”Objet avec sa valeur:

Pour itérer dans le tableau, qui est renvoyé par l'objet JavaScript.Méthode entrées (), vous pouvez également utiliser le «pour chaque()«Méthode ou le«pour… de" boucle.

Pour utiliser le pour… de la boucle, vous devez écrire le code suivant après avoir créé l'objet Birds requis:

pour (const [clé, valeur] de l'objet.entrées (oiseaux))
console.log ('$ key: $ value');

Avec l'aide du «pour… de”Loop, nous avons réussi à itérer le"des oiseaux”Objet, qui peut être vu dans la sortie:

Dans ce cas, si vous souhaitez utiliser le «pour chaque()«Méthode dans le même but, puis invoque l'objet.Méthode entrées () lors du passage de l'objet créé comme argument, puis appelez «pour chaque()" méthode. La méthode foreach () renvoie les propriétés ou les clés de l'objet et leurs valeurs respectives:

// ForEach () Méthode
Objet.Entrées (oiseaux).foreach (([clé, valeur]) =>
console.log ('$ key: $ value')
);

Conclusion

En utilisant pour… en boucle, objet.Méthode key (), objet.Méthode valeurs (), objet.Méthode entrées (), vous pouvez itérer à travers les objets en javascript. Le pour… en boucle, objet.Entrées () Méthode et objet.La méthode des touches () est utilisée pour parcourir les valeurs de paire de clés d'objet tandis que l'objet.VALEURS () ITERATE SEULEMENT à travers les valeurs de propriété d'un objet. Cette rédaction a discuté des méthodes d'itération à travers des objets en javascript. De plus, les procédures liées à l'itération de l'objet, comme pour… en boucle, objet.Méthode Keys (), objet.Méthode des valeurs () et objet.Les entrées () méthode sont également démontrées avec des exemples.