5.16 Exercice: Objet de publication de blog

Dans cet exercice, vous devez créer un objet représentant une publication de blog. Cet objet doit contenir les propriétés suivantes : title, body, author, views (qui représente le nombre de fois où l'article a été consulté), comments (un tableau de commentaires) et isLive (un booléen indiquant si l'article est publié ou non).

Chaque commentaire doit lui-même être un objet avec deux propriétés : author et body. Utilisez la syntaxe littérale pour initialiser l'ensemble. Les valeurs réelles n'ont pas d'importance, l'idée est de bien manipuler la syntaxe.

Solution

const post = {
							  title: 'a',
							  body: 'b',
							  author: 'c',
							  views: 10,
							  comments: [
							    { author: 'a', body: 'b' },
							    { author: 'c', body: 'd' }
							  ],
							  isLive: true
							};
							
							console.log(post);

Les trois premières propriétés sont des chaînes, views est un nombre, et comments est un tableau puisqu'un article peut avoir plusieurs commentaires. Chaque entrée du tableau est elle-même un objet construit avec la syntaxe littérale.

Si vous inspectez l'objet dans la console du navigateur, vous verrez que la propriété comments est bien un tableau de deux objets, chacun avec ses propres author et body. Cette imbrication d'objets et de tableaux est extrêmement courante en JavaScript, notamment lorsque vous consommez des API REST qui renvoient du JSON structuré.

Voilà pour ce petit exercice sur les objets de publication de blog. Dans la prochaine vidéo, nous allons enrichir cet exemple en transformant l'initialisation littérale en fonction constructeur, avec une subtilité intéressante sur les valeurs par défaut.

En résumé

Dans cet exercice JavaScript, l'objectif est de créer un objet représentant une publication de blog à l'aide de la syntaxe littérale. L'objet blog doit inclure plusieurs propriétés de types variés : des chaînes de caractères (title, body, author), un nombre (views pour les vues), un tableau d'objets (comments, où chaque commentaire a son propre author et body), et un booléen (isLive). La démonstration montre comment initialiser correctement ces propriétés et afficher l'objet dans la console pour vérifier sa structure.

Points clés

• Créer un objet blog avec la syntaxe littérale JavaScript (accolades {}) et déclarer ses propriétés
• Utiliser différents types de données : chaînes (strings), nombres (numbers), tableaux (arrays), booléens (booleans) pour les propriétés appropriées
• Imbrication : le tableau comments contient des objets avec leurs propres propriétés (author et body)
• Utiliser console.log() pour afficher et inspecter l'objet dans la console, permettant de vérifier la structure et les valeurs
• Comprendre que chaque commentaire est lui-même un objet avec ses propriétés, stocké dans un tableau

Questions fréquentes

Pourquoi comments doit-il être un tableau ?

Parce qu'un article de blog peut avoir plusieurs commentaires. Un tableau permet de stocker plusieurs objets de commentaires en une seule propriété, contrairement à une chaîne ou un nombre qui ne peut contenir qu'une seule valeur.

Comment ajouter un deuxième commentaire à l'article ?

En ajoutant un nouvel objet au tableau comments en dupliquant la syntaxe du premier commentaire avec des valeurs différentes pour author et body, séparés par une virgule.

Quel est l'intérêt d'afficher l'objet dans console.log ?

Cela permet d'inspecter visuellement la structure complète de l'objet en temps réel, de vérifier que toutes les propriétés ont été correctement définies, et de comprendre comment les propriétés imbriquées (comme les commentaires) s'affichent dans le navigateur.