Copier et fusionner des tableaux

🎯 Objectif

Utiliser l'opérateur spread [...] pour copier un tableau sans modifier l'original, et pour fusionner plusieurs tableaux.

📖 Contexte

Le piège : copie par référence

En JavaScript, quand tu écris const copie = tableau, tu ne crées pas une copie. Les deux variables pointent vers le même tableau :

const fruits = ["pomme", "banane"]
const copie = fruits     // ⚠️ Pas une vraie copie !

copie.push("cerise")
console.log(fruits)      // ["pomme", "banane", "cerise"] 😱

Modifier copie modifie aussi fruits !

La solution : l'opérateur spread [...]

Les trois points ... (spread) déversent tous les éléments d'un tableau dans un nouveau :

const fruits = ["pomme", "banane"]
const copie = [...fruits]  // ✅ Vraie copie !

copie.push("cerise")
console.log(fruits)        // ["pomme", "banane"] ✅ Intact !
console.log(copie)         // ["pomme", "banane", "cerise"]

Fusionner des tableaux

On peut combiner plusieurs tableaux en un seul :

const a = [1, 2, 3]
const b = [4, 5, 6]
const tout = [...a, ...b]
// [1, 2, 3, 4, 5, 6]

On peut même ajouter des éléments en plus :

const tout = [...a, 99, ...b]
// [1, 2, 3, 99, 4, 5, 6]

📝 Consigne

1. Crée une vraie copie de fruits avec le spread operator
2. Vérifie que l'original n'est pas modifié quand tu ajoutes "mangue" à la copie
3. Fusionne les tableaux fruits et legumes dans un nouveau tableau aliments

Résultat attendu :

Fruits: ["pomme", "banane", "cerise"]
Copie: ["pomme", "banane", "cerise", "mangue"]
Aliments: ["pomme", "banane", "cerise", "carotte", "tomate"]