Menambahkan Properti Baru ke Objek di JavaScript ES6
JavaScript ES6 memperkenalkan banyak fitur baru yang mempermudah dan memperkuat cara kita bekerja dengan objek. Salah satu fitur tersebut adalah kemampuan untuk menambahkan properti baru ke objek dengan mudah. Mari kita bahas beberapa metode yang tersedia:
1. Penugasan Langsung
Cara paling sederhana untuk menambahkan properti baru ke objek adalah dengan menggunakan operator penugasan (=).
const myObject = {
name: "John",
age: 30,
};
myObject.city = "New York";
console.log(myObject);
// Output: { name: "John", age: 30, city: "New York" }
2. Object Literal
Kita juga dapat menggunakan object literal untuk menambahkan properti baru.
const myObject = {
name: "John",
age: 30,
};
myObject = {
...myObject,
city: "New York",
};
console.log(myObject);
// Output: { name: "John", age: 30, city: "New York" }
3. Object.assign()
Metode Object.assign() memungkinkan kita untuk menggabungkan beberapa objek, dan menambahkan properti baru ke objek target.
const myObject = {
name: "John",
age: 30,
};
const newProperty = { city: "New York" };
Object.assign(myObject, newProperty);
console.log(myObject);
// Output: { name: "John", age: 30, city: "New York" }
4. Destructuring Assignment
Kita bisa menggunakan destructuring assignment untuk membuat salinan objek dan menambahkan properti baru.
const myObject = {
name: "John",
age: 30,
};
const { name, age, ...rest } = myObject;
const newObject = { ...rest, city: "New York" };
console.log(newObject);
// Output: { city: "New York" }
Catatan
- Metode
Object.assign()dan destructuring assignment membuat salinan baru dari objek. - Penugasan langsung dan object literal mengubah objek asli.
- Pastikan Anda memahami perbedaan antara membuat salinan dan mengubah objek asli sebelum memilih metode yang tepat.
Kesimpulan
ES6 menyediakan berbagai cara untuk menambahkan properti baru ke objek. Pilih metode yang paling sesuai dengan kebutuhan dan gaya pemrograman Anda.