IntermédiaireNon commencé

Exercice 6.10 · 12 min · 0 tentative

Techniques avancées de parcours

🎯 Objectif

Maîtriser Object.keys(), Object.values(), Object.entries() et for...of sur des tableaux d'objets.

📖 Contexte

Les méthodes Object.*

Ces méthodes retournent un nouveau tableau à partir d'un objet, ce qui permet de le parcourir. Elles ne modifient pas l'objet original :

const voiture = {
  marque: "Tesla",
  modele: "Model 3",
  annee: 2023
}

Object.keys() — Les clés (noms des propriétés)

Object.keys(voiture)
// ["marque", "modele", "annee"]

Object.values() — Les valeurs

Object.values(voiture)
// ["Tesla", "Model 3", 2023]

Object.entries() — Paires clé, valeur

Object.entries(voiture)
// [["marque", "Tesla"], ["modele", "Model 3"], ["annee", 2023]]

Parcourir avec for...of et déstructuration

for (const [cle, valeur] of Object.entries(voiture)) {
  console.log(cle + " = " + valeur)
}
// marque = Tesla
// modele = Model 3
// annee = 2023

Déstructuration : const [cle, valeur] extrait les deux éléments du tableau ["marque", "Tesla"]

for...of sur un tableau d'objets

const users = [
  { nom: "Alice", age: 25 },
  { nom: "Bob", age: 30 }
]

for (const user of users) {
  console.log(user.nom + " a " + user.age + " ans")
}
// Alice a 25 ans
// Bob a 30 ans

Récapitulatif

MéthodeRetourneExemple
Object.keys(obj)["clé1", "clé2"]Noms des propriétés
Object.values(obj)[val1, val2]Valeurs uniquement
Object.entries(obj)[["clé", val], ...]Paires clé/valeur

📝 Consigne

  1. Affiche les valeurs de produit avec Object.values()
  2. Parcours produit avec Object.entries() et affiche "clé: valeur"
  3. Parcours produits avec for...of et affiche "Nom coûte Prix CHF"

Résultat attendu :

=== Clés ===
["nom", "prix", "stock"]
=== Valeurs ===
["iPhone", 999, 42]
=== Clé: Valeur ===
nom: iPhone
prix: 999
stock: 42
=== Produits ===
iPhone coûte 999 CHF
Samsung coûte 899 CHF
Pixel coûte 799 CHF

Objectifs

  • Utiliser Object.values
  • Utiliser Object.entries
  • Parcourir Object.entries avec for...of
  • Parcourir le tableau d'objets
  • Affiche les valeurs
  • Affiche clé: valeur
  • Affiche les produits

Lis bien les instructions et lance-toi !

Indices (0/3)

Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé