Cara Menambahkan Beberapa Objek ke Dalam Array di JavaScript
Dalam pengembangan web, sering kali kita perlu menambahkan beberapa objek ke dalam array secara bersamaan. Di JavaScript, ada beberapa cara untuk melakukannya dengan mudah dan efisien. Berikut adalah beberapa metode yang bisa Anda gunakan:
1. Menggunakan concat()
Metode concat() memungkinkan Anda menggabungkan beberapa array, termasuk array yang berisi objek, menjadi satu array baru.
const array1 = [{ name: "John", age: 30 }];
const array2 = [{ name: "Jane", age: 25 }, { name: "Peter", age: 35 }];
const newArray = array1.concat(array2);
console.log(newArray);
// Output: [{ name: "John", age: 30 }, { name: "Jane", age: 25 }, { name: "Peter", age: 35 }]
2. Menggunakan Spread Syntax (...)
Spread syntax (...) memungkinkan Anda memasukkan semua elemen dari sebuah array ke dalam array lain.
const array1 = [{ name: "John", age: 30 }];
const array2 = [{ name: "Jane", age: 25 }, { name: "Peter", age: 35 }];
const newArray = [...array1, ...array2];
console.log(newArray);
// Output: [{ name: "John", age: 30 }, { name: "Jane", age: 25 }, { name: "Peter", age: 35 }]
3. Menggunakan push() dengan Loop
Anda juga bisa menggunakan push() untuk menambahkan objek ke dalam array satu per satu dengan bantuan loop.
const array1 = [{ name: "John", age: 30 }];
const array2 = [{ name: "Jane", age: 25 }, { name: "Peter", age: 35 }];
for (let i = 0; i < array2.length; i++) {
array1.push(array2[i]);
}
console.log(array1);
// Output: [{ name: "John", age: 30 }, { name: "Jane", age: 25 }, { name: "Peter", age: 35 }]
4. Menggunakan Array.from()
Anda dapat membuat array baru dari iterable seperti objek dengan Array.from() dan menggunakan spread syntax untuk memasukkan objek dari array lain.
const array1 = [{ name: "John", age: 30 }];
const array2 = [{ name: "Jane", age: 25 }, { name: "Peter", age: 35 }];
const newArray = Array.from(array1, ...array2);
console.log(newArray);
// Output: [{ name: "John", age: 30 }, { name: "Jane", age: 25 }, { name: "Peter", age: 35 }]
Kesimpulan
Memilih metode terbaik tergantung pada kebutuhan Anda. concat() dan spread syntax adalah pilihan yang lebih ringkas, sedangkan push() dengan loop memberi Anda lebih banyak kontrol. Array.from() memberikan fleksibilitas untuk membuat array dari iterable lainnya.
Pastikan untuk memahami perbedaan setiap metode agar Anda dapat memilih yang paling sesuai untuk situasi Anda.