Menambahkan Objek ke Objek di JavaScript ES6
Dalam JavaScript ES6, ada beberapa cara untuk menambahkan objek ke objek lainnya. Berikut adalah beberapa metode yang umum digunakan:
1. Object Spread Syntax
Salah satu cara yang paling mudah untuk menggabungkan objek adalah menggunakan object spread syntax. Cara ini memungkinkan Anda untuk menyalin properti dari satu objek ke objek lain.
const obj1 = { name: "John", age: 30 };
const obj2 = { city: "New York" };
const combinedObj = { ...obj1, ...obj2 };
console.log(combinedObj); // Output: { name: "John", age: 30, city: "New York" }
Dalam contoh ini, ...obj1
dan ...obj2
akan menyalin semua properti dari obj1
dan obj2
ke combinedObj
. Jika ada properti yang sama di kedua objek, properti yang dideklarasikan terakhir akan menggantikan properti sebelumnya.
2. Object.assign()
Metode Object.assign()
adalah cara lain yang efektif untuk menggabungkan objek. Metode ini menerima objek target sebagai argumen pertama dan objek sumber sebagai argumen berikutnya.
const obj1 = { name: "John", age: 30 };
const obj2 = { city: "New York" };
const combinedObj = Object.assign({}, obj1, obj2);
console.log(combinedObj); // Output: { name: "John", age: 30, city: "New York" }
Dalam contoh ini, Object.assign()
akan membuat objek baru dengan menyalin properti dari obj1
dan obj2
ke objek baru.
3. Destructuring Assignment
Destructuring assignment memungkinkan Anda untuk mengekstrak properti dari objek dan menggabungkannya ke dalam objek baru.
const obj1 = { name: "John", age: 30 };
const obj2 = { city: "New York" };
const { name, age } = obj1;
const { city } = obj2;
const combinedObj = { name, age, city };
console.log(combinedObj); // Output: { name: "John", age: 30, city: "New York" }
Dalam contoh ini, kami mengekstrak properti name
dan age
dari obj1
dan properti city
dari obj2
. Kemudian, kami menggunakan properti yang diekstrak untuk membuat objek combinedObj
.
4. Menggunakan Loop
Anda juga bisa menambahkan objek ke objek lain dengan menggunakan loop, misalnya:
const obj1 = { name: "John", age: 30 };
const obj2 = { city: "New York" };
const combinedObj = {};
for (const key in obj1) {
combinedObj[key] = obj1[key];
}
for (const key in obj2) {
combinedObj[key] = obj2[key];
}
console.log(combinedObj); // Output: { name: "John", age: 30, city: "New York" }
Contoh ini iterasi melalui setiap properti di obj1
dan obj2
dan menambahkannya ke combinedObj
.
5. Menambahkan Objek Sebagai Properti
Anda juga dapat menambahkan objek sebagai properti ke objek lain dengan cara berikut:
const obj1 = { name: "John", age: 30 };
const obj2 = { address: { street: "Main Street", number: 123 } };
const combinedObj = { ...obj1, ...obj2 };
console.log(combinedObj); // Output: { name: "John", age: 30, address: { street: "Main Street", number: 123 } }
Dalam contoh ini, obj2
berisi properti address
yang bertipe objek. Objek ini akan ditambahkan sebagai properti ke combinedObj
.
Kesimpulan
Ada beberapa cara untuk menambahkan objek ke objek di JavaScript ES6. Pilih cara yang paling sesuai dengan kebutuhan Anda. Pastikan Anda memahami cara kerja masing-masing metode sebelum menggunakannya.