Aller au contenu principal

Décomposition

Maitriser 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] cree une copie superficielle du tableau, evitant 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 proprietes de droite ecrasent celles de gauche si elles ont le meme nom.

Une solution