Dans cet article, nous apprendrons comment parcourir un objet JavaScript. Au cours de l'itération, vous parcourez les propriétés de l'objet une par une et, selon la méthode que vous utilisez pour l'itération, vous pouvez avoir un accès différent à ces propriétés.
Il existe de nombreuses méthodes pour parcourir un objet qui sont décrites ci-dessous :
Table des matières
- Utilisation de for… en boucle
- Utilisation de la méthode Object.entries() et de la méthode map()
- Utilisation de la méthode forEach() et de la méthode object.keys()
- Utilisation de la méthode Lodash _.forOwn()
Méthode 1 : En utilisant pour…en boucle
Les propriétés de l'objet peuvent être itérées à l'aide d'une boucle for..in. Cette boucle est utilisée pour parcourir toutes les propriétés itérables non symboliques d'un objet. Certains objets peuvent contenir des propriétés pouvant être héritées de leurs prototypes. Le hasOwnProperty() La méthode peut être utilisée pour vérifier si la propriété appartient à l’objet lui-même. La valeur de chaque clé de l'objet peut être trouvée en utilisant la clé comme index de l'objet.
Syntaxe:
for (let key in exampleObj) { if (exampleObj.hasOwnProperty(key)) { value = exampleObj[key]; console.log(key, value); } }>Exemple: Cet exemple montre la mise en œuvre de l’approche expliquée ci-dessus.
Javascript
function iterateObject() { let exampleObj = { book: 'Sherlock Holmes', author: 'Arthur Conan Doyle', genre: 'Mystery' }; for (let key in exampleObj) { if (exampleObj.hasOwnProperty(key)) { value = exampleObj[key]; console.log(key, value); } } } iterateObject();> Sortir
book Sherlock Holmes author Arthur Conan Doyle genre Mystery>
Méthode 2 : En utilisant Méthode Object.entries() et carte() Méthode
Le Méthode Object.entries() est utilisé pour renvoyer un tableau des propres paires de propriétés énumérables à clé de chaîne de l'objet. Le tableau renvoyé est utilisé avec le carte() méthode pour extraire la clé et la valeur des paires. La clé et les valeurs de la paire clé-valeur peuvent être extraites en accédant au premier et au deuxième index de la paire de tableaux. Le premier indice correspond à la clé et le deuxième indice correspond à la valeur de la paire.
Syntaxe:
Object.entries(exampleObj).map(entry =>{ let key = entrée[0]; laissez valeur = entrée[1]; console.log(clé, valeur); });>Exemple: Cet exemple montre la mise en œuvre de l’approche expliquée ci-dessus.
Javascript function iterateObject() { let exampleObj = { book: 'Sherlock Holmes', author: 'Arthur Conan Doyle', genre: 'Mystery' }; Object.entries(exampleObj).map(entry =>{ let key = entrée[0]; laissez valeur = entrée[1]; console.log(clé, valeur); }); } itérerObjet();> Sortir
book Sherlock Holmes author Arthur Conan Doyle genre Mystery>
Méthode 3 : Utilisation Méthode forEach() et Méthode objet.keys()
Object.keys() renvoie un tableau de clés de l'objet etforEach()>est une méthode matricielle qui vous permet de parcourir chaque élément du tableau.
Exemple: Cet exemple montre la mise en œuvre de l’approche expliquée ci-dessus.
Javascript function iterateObject() { let exampleObj = { book: 'Sherlock Holmes', author: 'Arthur Conan Doyle', genre: 'Mystery' }; Object.keys(exampleObj).forEach(key =>{ valeur const = exempleObj[clé]; console.log(`${key} : ${value}`); }); } itérerObjet();> Sortir
book: Sherlock Holmes author: Arthur Conan Doyle genre: Mystery>
Méthode 4 : Utilisation Méthode Lodash _.forOwn()
Dans cette approche, nous utilisons la méthode Lodash _.forOwn(), qui permet de parcourir les objets.
Exemple: Cet exemple montre la mise en œuvre de l’approche expliquée ci-dessus.
Javascript // Defining Lodash variable const _ = require('lodash'); let users = { 'a': 1, 'b': 2, 'c': 3 }; _.forOwn(users, function (value, key) { console.log(key, '=', value); });> Sortir:
a = 1 b = 2 c = 3>
Méthode 5 : Utilisation de la méthode Object.values() et de la méthode forEach()
La méthode Object.values() renvoie un tableau des propres valeurs de propriétés énumérables de l'objet. En combinant cela avec la méthode forEach(), vous pouvez parcourir chaque valeur. Pour accéder également aux clés correspondantes, vous pouvez utiliser la méthode Object.keys() en tandem.
Syntaxe:
Object.values(exampleObj).forEach((value, index) =>{ clé const = Objet.keys(exempleObj)[index]; console.log(clé, valeur); });>Exemple:
Javascript function iterateObject() { let exampleObj = { book: 'Sherlock Holmes', author: 'Arthur Conan Doyle', genre: 'Mystery' }; Object.values(exampleObj).forEach((value, index) =>{ clé const = Objet.keys(exempleObj)[index]; console.log(clé, valeur); }); } itérerObjet();> Sortir
book Sherlock Holmes author Arthur Conan Doyle genre Mystery>