Operator Spread Bagian 1

Operator spread (...) memiliki banyak kegunaan untuk JSON. Misalnya, saat melakukan operasi berikut:

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

Apa hasilnya?

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

Ini mungkin mengejutkan! Meskipun kita hanya mengubah obj1, obj2 juga berubah.

Ini terjadi karena saat kita menetapkan object secara langsung (obj2 = obj1), kita membuat referensi, bukan salinan. Kedua variabel menunjuk ke object yang sama di memori.

Di sinilah spread operator menjadi berguna. Mari kita lihat cara membuat salinan yang sebenarnya:

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

Operator spread membuat object baru dan menyalin semua properti yang dapat dihitung dari object sumber ke object baru tersebut.