cybercursus

Les objets

12 min · Débutant · 7 août 2026

Sommaire
  1. Créer un objet et accéder à ses propriétés
  2. La déstructuration
  3. Objets et méthodes
  4. À toi de jouer

Créer un objet et accéder à ses propriétés

javascript
const personne = {
nom: "Alice",
age: 25,
ville: "Lyon"
};

console.log(personne.nom);       // "Alice"
console.log(personne["age"]);    // 25

personne.age = 26;         // modifie une propriete existante
personne.email = "a@x.fr"; // ajoute une nouvelle propriete

La déstructuration

javascript
const personne = { nom: "Alice", age: 25, ville: "Lyon" };

const { nom, age } = personne;
console.log(nom); // "Alice"
console.log(age); // 25

Astuce

La déstructuration const { nom } = objet est très utilisée pour extraire directement des propriétés, notamment comme paramètre de fonction : function afficher({ nom, age }) { ... }.

Objets et méthodes

Un objet peut aussi contenir des fonctions, appelées méthodes :

javascript
const compte = {
solde: 100,
deposer(montant) {
  this.solde += montant;
  return this.solde;
}
};

console.log(compte.deposer(50)); // 150

this désigne l’objet sur lequel la méthode est appelée : ici, compte.

À toi de jouer

Écris une fonction creerRectangle(largeur, hauteur) qui renvoie un objet avec les propriétés largeur, hauteur, et une méthode aire() qui renvoie largeur * hauteur.

html
// JS
function creerRectangle(largeur, hauteur) {
// Renvoie un objet { largeur, hauteur, aire() { ... } }

}
Quelle est la différence entre `objet.propriete` et `objet["propriete"]` ?
Que fait `const { nom, age } = personne;` (déstructuration) ?

Pour aller plus loin

Commentaires

Recherche