BaliseTonSite

Objets & Tableaux

Deux façons de stocker des données multiples (et les manipuler facilement).

Imagine : tu joues à un jeu d’aventure. Tu as une fiche perso (nom, vie, classe, etc.) et un inventaire (épée, potions, clé...). Pour stocker ces infos dans ton code, tu vas utiliser des objets pour la fiche, et des tableaux pour l’inventaire.

4.1Créer un objet

Un objet regroupe des infos liées ensemble, sous forme clé: valeur :

let joueur = {
  nom: "Alden",
  niveau: 7,
  classe: "rôdeur",
  vie: 48
};

4.2Accéder ou modifier une propriété

Pour lire ou modifier une valeur dans un objet :

console.log(joueur.nom); // "Alden"
joueur.vie = 60;
console.log(joueur.vie); // 60

4.3Ajouter une nouvelle propriété

Tu peux enrichir un objet à tout moment :

joueur.arme = "arc long";

4.4Supprimer une propriété

Et tu peux aussi en supprimer :

delete joueur.classe;

4.5Créer un tableau

Un tableau permet de stocker une liste d’éléments :

let inventaire = ["épée courte", "potion de soin", "torche"];

4.6Accéder à un élément

Chaque élément a un numéro (index) qui commence à 0 :

console.log(inventaire[1]); // "potion de soin"

4.7Modifier un élément

Comme pour un objet, tu peux changer une valeur :

inventaire[2] = "lanterne";

4.8Ajouter ou retirer des éléments

Voici quelques méthodes utiles :

inventaire.push("corde");      // ajoute à la fin
inventaire.unshift("grappin"); // ajoute au début
inventaire.pop();              // retire le dernier
inventaire.shift();            // retire le premier

4.9Parcourir un tableau

Tu peux parcourir tout l’inventaire :

for (let i = 0; i < inventaire.length; i++) {
  console.log(inventaire[i]);
}

4.10Des objets dans un tableau

Tu peux combiner les deux : un tableau qui contient plusieurs objets :

let equipe = [
  { nom: "Lyra", classe: "mage", niveau: 9 },
  { nom: "Thorn", classe: "guerrier", niveau: 12 }
];

console.log(equipe[0].classe); // "mage"

Verifie tes acquis

3 questions pour valider ce chapitre

1. Comment ajouter un element a la fin d'un tableau ?

push() ajoute un ou plusieurs elements a la fin du tableau. unshift() les ajoute au debut.