Objets - Affichage

Lorsqu’un développeur cherche à afficher un objet, le résultat retourné est le suivant : [object Object].

Le problème est qu’en général, il y a plutôt besoin d’afficher les variables et méthodes d’un objet.

Pour ce faire, plusieurs solutions existent :

• Afficher les propriétés de l’objet par nom
• Afficher les propriétés d’un objet dans une boucle
• Afficher l’objet en utilisant Object.value()
• Afficher l’objet en utilisant JSON.stringify()

Afficher les propriétés d’un objet

Les propriétés d’un objet peuvent être affichées sous forme de chaînes de caractères.

Exemple :

const person = {
  name: "John",
  age: 30,
  city: "New York"
};

console.log(person.name + "," + person.age + "," + person.city);

Cet exemple retourne les valeurs des propriétés : “John, 30, New York”.

Afficher l’objet dans une boucle

Pour afficher le contenu des différentes propriétés de l’objet, la boucle for in peut être utilisée afin de parcourir les différentes propriétés :

Exemple :

const person = {
    name: "John",
    age: 30,
    city: "New York"
};

let txt = "";
for (x in person){
    txt += person[x] + " ";
}

console.log(txt);

Cet exemple affiche bien le contenu des propriétés de l’objet person.

Utiliser Object.value()