Memasukkan Data ke Array dengan Key di JavaScript
Dalam JavaScript, push() adalah metode yang digunakan untuk menambahkan elemen ke akhir array. Namun, bagaimana jika Anda ingin menambahkan elemen dengan key spesifik ke dalam array? Artikel ini akan membahas cara menambahkan data ke dalam array JavaScript dengan key menggunakan beberapa metode.
Menggunakan Object
Salah satu cara yang paling umum adalah dengan menggunakan object. Anda dapat menambahkan elemen baru ke object, dan object ini kemudian dapat ditambahkan ke dalam array. Berikut contohnya:
const myArray = [];
const data = { name: "John Doe", age: 30 };
myArray.push(data);
console.log(myArray); // Output: [{ name: "John Doe", age: 30 }]
Pada contoh di atas, kita membuat objek data yang berisi name dan age. Kemudian, kita memasukkan objek data ke dalam array myArray menggunakan push().
Menggunakan Object.assign()
Jika Anda ingin menambahkan elemen baru ke object yang sudah ada di dalam array, Anda dapat menggunakan Object.assign().
const myArray = [
{ name: "Jane Doe", age: 25 },
{ name: "Peter Pan", age: 20 }
];
const newData = { job: "Software Engineer" };
myArray[0] = Object.assign({}, myArray[0], newData);
console.log(myArray); // Output: [{ name: "Jane Doe", age: 25, job: "Software Engineer" }, { name: "Peter Pan", age: 20 }]
Pada contoh ini, kita menambahkan key job ke object pertama dalam myArray menggunakan Object.assign().
Menggunakan Spread Syntax
Anda juga dapat menggunakan spread syntax untuk menambahkan data ke object yang ada di dalam array.
const myArray = [
{ name: "Jane Doe", age: 25 },
{ name: "Peter Pan", age: 20 }
];
const newData = { job: "Software Engineer" };
myArray[0] = { ...myArray[0], ...newData };
console.log(myArray); // Output: [{ name: "Jane Doe", age: 25, job: "Software Engineer" }, { name: "Peter Pan", age: 20 }]
Contoh ini serupa dengan penggunaan Object.assign(). Kedua metode tersebut memberikan hasil yang sama.
Kesimpulan
Memasukkan data ke array dengan key di JavaScript dapat dilakukan dengan menggunakan beberapa metode seperti object, Object.assign(), dan spread syntax. Pilihlah metode yang paling sesuai dengan kebutuhan Anda. Pastikan untuk memahami cara kerja setiap metode agar Anda dapat menggunakannya dengan tepat.