Menambahkan Objek ke Objek dengan Spread Operator di JavaScript
Spread operator (...
) merupakan fitur JavaScript yang powerful dan memudahkan kita dalam bekerja dengan array dan objek. Dalam konteks menambahkan objek ke objek, spread operator menawarkan solusi yang elegant dan mudah dipahami.
Cara Kerja Spread Operator
Spread operator bekerja dengan mengambil semua elemen dari sebuah array atau semua property dari sebuah objek dan memasukkannya ke tempat yang baru. Dalam hal ini, kita akan memanfaatkannya untuk menambahkan property dari satu objek ke objek yang lain.
Contoh Penggunaan
const obj1 = {
name: "John",
age: 30
};
const obj2 = {
city: "New York",
occupation: "Engineer"
};
// Menggabungkan obj1 dan obj2 dengan spread operator
const combinedObj = { ...obj1, ...obj2 };
console.log(combinedObj);
// Output: { name: "John", age: 30, city: "New York", occupation: "Engineer" }
Dalam contoh di atas, spread operator (...obj1
) mengambil semua property dari obj1
dan memasukkannya ke dalam combinedObj
. Kemudian, spread operator (...obj2
) mengambil semua property dari obj2
dan menambahkannya ke combinedObj
.
Penting:
- Jika terdapat property dengan nama yang sama di kedua objek, property dari objek yang terakhir digunakan akan menimpa property yang ada di objek sebelumnya.
- Urutan penggunaan spread operator mempengaruhi hasil akhir.
Keuntungan Menggunakan Spread Operator
- Singkat dan Mudah Dibaca: Syntax yang sederhana dan mudah dipahami.
- Mencegah Mutasi Objek Asli: Spread operator membuat salinan baru dari objek, sehingga tidak mengubah objek asli.
- Membuat Kode Lebih Terstruktur: Memudahkan dalam menggabungkan objek yang kompleks.
Kesimpulan
Spread operator (...
) adalah alat yang ampuh untuk manipulasi objek di JavaScript. Penggunaan spread operator untuk menambahkan objek ke objek menawarkan solusi yang singkat, mudah dibaca, dan menghindari mutasi objek asli. Hal ini membuat kode kita lebih bersih, terstruktur, dan mudah dipahami.