Aller au contenu principal

Décomposition

Maîtriser la syntaxe de l'opérateur JavaScript spread

Exemples​

Utiliser la décomposition avec les tableaux​

Insérer un tableau dans un autre tableau​

var articulations = ["épaules", "genoux"];
var corps = ["têtes", ...articulations, "bras", "pieds"];
// ["têtes", "épaules", "genoux", "bras", "pieds"]
Bonne pratique - Spread pour copier

let copie = [...tableau] crée une copie superficielle du tableau, évitant de modifier l'original.

Utiliser la décomposition avec les littéraux objet​

Insérer un objet dans un autre objet​

var profil = { prenom: "Sarah", profilComplet: false };
var profilMisAJour = { nom: "Dupont", profilComplet: true };

var fusion = { ...profil, ...profilMisAJour };
// Object { prenom: 'Sarah', nom: 'Dupont', profilComplet: true };
Bonne pratique - Ordre de fusion

Lors de la fusion d'objets avec spread, les propriétés de droite écrasent celles de gauche si elles ont le même nom.

📌 Une solution