Itérer sur du JSON

Fait partie de la section Logique & Flux du Journey JavaScript de Coddy — leçon 22 sur 65.

Pour itérer sur les clés d'un JSON, nous pouvons soit utiliser Object.keys() :

const userSettings = {
	theme: "dark",
	notifications: true
};

const keys = Object.keys(userSettings)
for (let i = 0; i < keys.length; i++) {
	console.log(keys[i], userSettings[keys[i]])
}

Ou nous pouvons itérer en utilisant une boucle for...in :

for (const key in userSettings) {
	console.log(key, userSettings[key]);
}

Une autre façon consiste à utiliser .entries() :

for (const [k, v] of Object.entries(userSettings)) {
    // k est la clé, v est la valeur
}

Défi

Facile

Créez une fonction nommée analyzeCarData qui prend un objet JSON en entrée. L'objet contient des données sur l'inventaire d'un concessionnaire automobile où :

les clés sont les modèles de voitures
les valeurs sont les prix

La fonction doit retourner un objet contenant :

mostExpensive : le nom de la voiture la plus chère
cheapest : le nom de la voiture la moins chère
averagePrice : le prix moyen de toutes les voitures

Aide-mémoire

Pour itérer sur les clés d'un objet JSON, utilisez Object.keys() :

const keys = Object.keys(userSettings)
for (let i = 0; i < keys.length; i++) {
	console.log(keys[i], userSettings[keys[i]])
}

Ou utilisez une boucle for...in :

for (const key in userSettings) {
	console.log(key, userSettings[key]);
}

Ou utilisez Object.entries() pour obtenir des paires clé-valeur :

for (const [k, v] of Object.entries(userSettings)) {
    // k est la clé, v est la valeur
}

Essayez vous-même

function analyzeCarData(carData) {
    // Écrivez le code ici
}
// N'écrivez rien en dehors de la fonction

Testez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Toutes les leçons de Logique & Flux

1Les chaînes de caractères en profondeur

Fondamentaux des chaînes Parcourir les chaînes Template Literals Méthodes des chaînes Récapitulatif - String Weaver

4JSON Partie 2

Itérer sur du JSONJSON imbriqué Chaînage optionnel JSON Copie superficielle et profonde Récapitulatif - Magasin de vélos Récapitulatif - Système solaire

7Système de gestion de bibliothèque

Présentation du projet Ajouter des livres

Recherche par titre

Filtrer par genre

Marquer comme lu

10Gérer le système du festival

Présentation du projet Ajouter des films et des lieux

Ajouter une projection

Acheter des billets

Noter les films

Annuler des projections