5.14 L'Objet adress

Voici votre premier exercice pour cette section. Le but est de créer un objet address avec trois propriétés : street, city et zipCode. Une fois cet objet construit, écrivez une fonction showAddress qui prend un objet adresse en paramètre et affiche dans la console l'ensemble de ses propriétés avec leurs valeurs. Mettez la vidéo en pause, faites l'exercice, puis revenez voir la correction.

Solution proposée

Pour initialiser l'objet, on utilise la syntaxe littérale. Que l'on choisisse let ou const n'a pas vraiment d'importance ici, tant qu'on ne réaffecte pas la variable. On définit donc les trois propriétés avec des valeurs arbitraires.

const address = {
							  street: 'a',
							  city: 'b',
							  zipCode: 'c'
							};

Pour la fonction showAddress, comme on doit énumérer toutes les propriétés sans connaître leur nom à l'avance, le bon outil est la boucle for...in. À chaque itération, la variable de boucle contient la clé courante, et on accède à la valeur via la notation entre crochets.

function showAddress(address) {
							  for (let key in address) {
							    console.log(key, address[key]);
							  }
							}
							
							showAddress(address);

L'utilisation des crochets address[key] est indispensable ici. La notation pointée address.key ne fonctionnerait pas, car JavaScript chercherait une propriété littéralement nommée « key », et non la propriété dont le nom est contenu dans la variable. Cette distinction entre accès dynamique (crochets) et accès statique (point) est une notion clé à intégrer pour la suite du cours.

Voilà pour ce petit exercice sur l'objet adresse. Dans la prochaine vidéo, on enchaîne avec une variante : initialiser le même objet via une factory function puis via une fonction constructeur.

En résumé

Cette leçon enseigne comment créer un objet JavaScript représentant une adresse avec trois propriétés : rue, ville et code postal. Elle montre comment écrire une fonction `showAdresse()` capable d'afficher toutes les propriétés d'un objet en utilisant une boucle for...in et la notation entre crochets pour accéder dynamiquement aux valeurs.

Points clés

• Création d'un objet literal avec syntaxe native : propriétés rue, ville et code postal
• Utilisation de la boucle for...in pour énumérer automatiquement toutes les propriétés d'un objet
• Accès dynamique aux valeurs avec la notation entre crochets : objet[clé]
• Passage d'objets en paramètres aux fonctions pour les manipuler
• Affichage des paires clé-valeur de l'objet avec console.log()

Questions fréquentes

Pourquoi utiliser une boucle for...in plutôt que d'accéder directement à chaque propriété ?

La boucle for...in permet d'itérer automatiquement sur toutes les propriétés d'un objet sans les écrire une par une, ce qui rend le code plus flexible et adaptable si l'objet change.

Quelle est la différence entre la notation pointée (objet.propriété) et la notation entre crochets (objet[clé]) ?

La notation pointée s'utilise quand on connaît le nom de la propriété, tandis que la notation entre crochets permet d'accéder à une propriété de manière dynamique, par exemple en utilisant une variable itérée.

Comment transmettre un objet à une fonction ?

On passe l'objet comme argument lors de l'appel de la fonction. La fonction reçoit alors une référence à cet objet et peut accéder à toutes ses propriétés grâce à la variable paramètre.