Menambahkan Objek ke Array Objek di Javascript dengan Spread Operator
Spread operator (...) adalah fitur Javascript yang memungkinkan kita untuk menyebarkan elemen dari iterable seperti array atau string ke dalam sebuah array atau list lain. Operator ini sangat berguna untuk menambahkan objek ke array objek dengan cara yang efisien dan mudah dibaca.
Cara Kerja Spread Operator
-
Buat Array Objek Target: Anda perlu memiliki array objek tempat Anda ingin menambahkan objek baru.
-
Buat Objek Baru: Objek baru ini akan ditambahkan ke array objek target.
-
Gunakan Spread Operator: Spread operator digunakan untuk menyebarkan semua elemen dari array objek target ke array baru.
-
Tambahkan Objek Baru: Tambahkan objek baru ke array baru yang telah disebarkan.
Contoh
Berikut adalah contoh kode bagaimana menambahkan objek baru ke array objek menggunakan spread operator:
const students = [
{ name: "John", age: 20 },
{ name: "Jane", age: 21 }
];
const newStudent = { name: "Peter", age: 22 };
// Menambahkan objek baru ke array
const updatedStudents = [...students, newStudent];
console.log(updatedStudents);
Output:
[
{ name: "John", age: 20 },
{ name: "Jane", age: 21 },
{ name: "Peter", age: 22 }
]
Dalam contoh di atas, updatedStudents sekarang berisi semua objek dari students ditambah objek newStudent.
Keuntungan Menggunakan Spread Operator
-
Mempermudah Pembacaan: Kode menjadi lebih mudah dipahami daripada menggunakan
concat()ataupush(). -
Efisien: Spread operator membuat kode lebih efisien karena menghindari pembuatan array baru untuk setiap penambahan objek.
-
Fleksibel: Spread operator dapat digunakan untuk menambahkan beberapa objek sekaligus.
Kesimpulan
Spread operator adalah cara yang mudah dan efektif untuk menambahkan objek ke array objek di Javascript. Ia menawarkan keuntungan dalam hal pembacaan kode, efisiensi, dan fleksibilitas.