L'operatore spread Parte 1

L’operatore spread (...) ha molti casi d’uso per JSON. Per esempio, quando esegui la seguente operazione:

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

Quale sarà l'output?

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

Potrebbe sorprenderti! Anche se abbiamo modificato solo obj1, è cambiato anche obj2.

Questo accade perché quando assegniamo direttamente gli oggetti (obj2 = obj1), creiamo un riferimento, non una copia. Entrambe le variabili puntano allo stesso oggetto in memoria.

È qui che l'operatore spread diventa utile. Vediamo come creare una vera copia:

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

L'operatore spread crea un nuovo oggetto e copia tutte le proprietà enumerabili dall'oggetto di origine in quello nuovo.