Menambahkan Key-Value ke Object JavaScript dengan Spread Operator
Spread operator (...) adalah fitur JavaScript yang memungkinkan kita untuk menyebarkan iterable (seperti array, string, dan object) ke dalam context lain. Kita bisa menggunakan spread operator untuk menambahkan key-value baru ke object dengan mudah.
Cara Kerja Spread Operator
- Menyalin Object: Spread operator membuat salinan baru dari object yang diberikan.
- Menambahkan Key-Value: Kita dapat menambahkan key-value baru dengan mencantumkannya setelah spread operator.
- Menghindari Mutasi: Penggunaan spread operator mencegah mutasi pada object asli.
Contoh Penggunaan
const user = {
name: "John Doe",
age: 30
};
// Menambahkan key-value "email" ke object "user"
const updatedUser = {
...user,
email: "[email protected]"
};
console.log(updatedUser); // Output: { name: "John Doe", age: 30, email: "[email protected]" }
Keuntungan Spread Operator
- Mudah Dibaca: Kode menjadi lebih mudah dibaca dan dipahami.
- Keamanan: Mencegah mutasi pada object asli.
- Fleksibel: Dapat digunakan dengan berbagai macam object.
Perbedaan dengan Object.assign()
Object.assign() juga dapat digunakan untuk menggabungkan object, namun spread operator memiliki beberapa keuntungan:
- Spread operator lebih ringkas.
- Spread operator dapat digunakan dalam context lain seperti array.
Kesimpulan
Spread operator adalah cara yang mudah dan efektif untuk menambahkan key-value ke object di JavaScript. Ini membantu kita untuk membuat kode yang lebih bersih dan mudah dipahami, serta mencegah mutasi pada object asli.