L'opérateur Spread Partie 1

L'opérateur de décomposition (...) a de nombreux cas d'utilisation pour le JSON. Par exemple, lors de l'opération suivante :

const obj1 = {key1: "123"}
const obj2 = obj1
obj1.key1 = "456"
console.log(obj2.key1)

Quel serait le résultat ?

console.log(obj2.key1)
// Sortie : "456"

Cela peut être surprenant ! Même si nous n'avons modifié que obj1, obj2 a également changé.

Cela se produit car lorsque nous assignons des objets directement (obj2 = obj1), nous créons une référence, pas une copie. Les deux variables pointent vers le même objet en mémoire.

C'est ici que l'opérateur de décomposition devient utile. Voyons comment créer une copie réelle :

const obj1 = {key1: "123"};
const obj2 = {...obj1};
obj1.key1 = "456";
console.log(obj2.key1);
// Sortie : "123"

L'opérateur de décomposition crée un nouvel objet et copie toutes les propriétés énumérables de l'objet source vers le nouveau.