2.5 Les Objets

Après avoir vu les types primitifs en JavaScript, examinons les types de référence. Cette catégorie regroupe les objets, les tableaux et les fonctions. Dans cette vidéo, nous allons explorer les objets ; nous découvrirons les tableaux et les fonctions plus loin dans cette section.

Qu'est-ce qu'un objet ? Un objet en JavaScript, comme dans d'autres langages, ressemble à un objet de la vie réelle. Pensez à une personne : elle possède un nom, un âge, une adresse, etc. Ce sont les propriétés d'une personne. Lorsque nous avons plusieurs variables fortement liées entre elles, on peut les regrouper dans un objet. Par exemple, deux variables nom et age qui décrivent la même personne peuvent être placées dans un objet personne, ce qui rend le code plus propre.

Déclarer un objet et accéder à ses propriétés

Pour déclarer un objet, on utilise let ou plutôt const si on ne veut pas réaffecter l'objet, suivi d'un littéral d'objet entre accolades, contenant une ou plusieurs paires clé-valeur :

const personne = {
  name: 'Brahim',
  age: 30
};
console.log(personne);

Dans la console, on retrouve bien l'objet personne avec ses deux propriétés name et age. Il existe deux façons d'accéder à ces propriétés. La première est la dot notation : on écrit le nom de l'objet, un point, puis la propriété, par exemple personne.name = 'John';. On peut aussi lire la valeur via console.log(personne.name); qui affiche John. La seconde façon est la notation entre crochets : personne['name'] = 'Mary'; donne Mary à l'exécution.

Quelle approche choisir ? La dot notation est plus concise et doit être votre choix par défaut. La notation entre crochets a cependant son utilité : parfois, le nom de la propriété n'est connu qu'au moment de l'exécution. Par exemple, si une variable selection contient un nom de propriété saisi par l'utilisateur, on peut écrire personne[selection] pour accéder dynamiquement à la bonne propriété. Pour l'instant, restez sur la dot notation, c'est plus propre et plus simple. Dans la prochaine vidéo, nous découvrirons les tableaux en JavaScript.

En résumé

Cette leçon introduit les objets JavaScript, l'un des types de référence fondamentaux permettant de grouper plusieurs propriétés liées en une seule entité. Elle explique la syntaxe littérale des objets et démontre deux façons d'accéder aux propriétés : la notation pointée (dot notation), plus concise et recommandée, et la notation entre crochets (bracket notation), utile pour l'accès dynamique.

Points clés

• Les objets sont des types de référence contenant plusieurs propriétés clé-valeur, contrairement aux types primitifs
• Syntaxe d'objet littéral : const objet = { propriété: valeur } avec des paires clé-valeur entre accolades
• Notation pointée (objet.propriété) : plus concise, recommandée par défaut pour accéder aux propriétés
• Notation entre crochets (objet['propriété']) : permet l'accès dynamique quand le nom de propriété est déterminé à l'exécution
• Les propriétés des objets peuvent être modifiées après création, rendant les objets flexibles et mutables

Questions fréquentes

Quelle est la différence entre les types primitifs et les objets en JavaScript ?

Les types primitifs (nombres, chaînes, booléens) sont simples et immuables, tandis que les objets sont des types de référence qui peuvent contenir plusieurs propriétés liées. Un objet groupe plusieurs variables ensemble pour une meilleure organisation du code.

Quand faut-il utiliser la notation entre crochets plutôt que la notation pointée ?

La notation entre crochets est essentielle quand le nom de la propriété n'est pas connu au moment de l'écriture du code, mais déterminé dynamiquement à l'exécution par une variable ou une sélection utilisateur.

Peut-on modifier ou ajouter des propriétés après la création d'un objet ?

Oui, en JavaScript les objets sont flexibles. Vous pouvez modifier les valeurs existantes (ex: personne.name = 'John') ou ajouter de nouvelles propriétés même après la création initiale de l'objet.