Ajouter et supprimer des objets

🎯 Objectif

Apprendre à ajouter et supprimer des objets dans un tableau.

📖 Contexte

Ajouter un objet avec push()

push() modifie directement le tableau original en ajoutant un élément à la fin :

const utilisateurs = [
  { nom: "Alice", age: 25 }
]

utilisateurs.push({ nom: "Bob", age: 30 })

console.log(utilisateurs)
// [{ nom: "Alice", age: 25 }, { nom: "Bob", age: 30 }]
// Le tableau 'utilisateurs' a été modifié !

Supprimer un objet avec filter()

Contrairement à push(), filter() ne modifie pas le tableau original. Il retourne un nouveau tableau contenant uniquement les éléments qui passent le test :

const produits = [
  { id: 1, nom: "Café" },
  { id: 2, nom: "Thé" },
  { id: 3, nom: "Jus" }
]

// filter() retourne un NOUVEAU tableau, il faut le stocker !
const sansProduit2 = produits.filter(p => p.id !== 2)

console.log(produits)       // Toujours 3 éléments (pas modifié !)
console.log(sansProduit2)   // 2 éléments : Café et Jus

Récapitulatif : qui modifie quoi ?

Pourquoi !== ?

filter() parcourt chaque élément et garde ceux où la condition est true :

• p.id !== 2 signifie "id différent de 2"
• On garde tous les objets où c'est vrai
• Donc on garde tout sauf id 2

Produit     Test         Résultat    Gardé ?
{ id: 1 }   1 !== 2      true        Oui
{ id: 2 }   2 !== 2      false       Non (supprimé)
{ id: 3 }   3 !== 2      true        Oui

📝 Consigne

1. Ajoute une nouvelle tâche avec push() :
   • id: 4
   • texte: "Faire du sport"
   • fait: false
2. Supprime la tâche avec id = 2 en utilisant filter() :
   • Stocke le résultat dans une nouvelle variable (ex: tachesFiltrees)
   • Rappel : filter() retourne un nouveau tableau, il ne modifie pas taches
3. Affiche le nouveau tableau (celui retourné par filter, pas taches) :
   • Décommente le console.log et remplace ___ par le nom de ta variable

Résultat attendu dans la console :

Taches: [{ id: 1, ... }, { id: 3, ... }, { id: 4, ... }]

La tâche "Appeler mamie" (id 2) ne doit plus apparaître.