Menambahkan Pasangan Kunci-Nilai ke Array Objek di JavaScript
Dalam pengembangan web, seringkali kita perlu memanipulasi data yang terstruktur dalam bentuk array objek. Salah satu operasi umum yang kita lakukan adalah menambahkan pasangan kunci-nilai baru ke objek dalam array tersebut. Artikel ini akan membahas cara menambahkan pasangan kunci-nilai ke array objek di JavaScript.
Menggunakan map()
Salah satu cara untuk menambahkan pasangan kunci-nilai baru ke semua objek dalam array adalah dengan menggunakan metode map(). Metode map() akan memetakan setiap objek dalam array ke objek baru dengan kunci-nilai tambahan.
const data = [
{ name: "John", age: 30 },
{ name: "Jane", age: 25 },
{ name: "Peter", age: 28 }
];
const updatedData = data.map(obj => ({ ...obj, city: "New York" }));
console.log(updatedData);
// Output:
// [
// { name: "John", age: 30, city: "New York" },
// { name: "Jane", age: 25, city: "New York" },
// { name: "Peter", age: 28, city: "New York" }
// ]
Kode di atas menggunakan operator spread (...) untuk membuat salinan objek yang baru, kemudian menambahkan properti city dengan nilai "New York".
Menggunakan forEach()
Cara lain adalah dengan menggunakan metode forEach(). Metode forEach() akan iterasi melalui setiap objek dalam array dan mengizinkan kita untuk memodifikasi objek tersebut secara langsung.
const data = [
{ name: "John", age: 30 },
{ name: "Jane", age: 25 },
{ name: "Peter", age: 28 }
];
data.forEach(obj => {
obj.city = "New York";
});
console.log(data);
// Output:
// [
// { name: "John", age: 30, city: "New York" },
// { name: "Jane", age: 25, city: "New York" },
// { name: "Peter", age: 28, city: "New York" }
// ]
Kode ini menambahkan properti city dengan nilai "New York" ke setiap objek dalam array data.
Menambahkan ke Objek Tertentu
Jika kita ingin menambahkan pasangan kunci-nilai ke objek tertentu dalam array, kita perlu menemukan objek tersebut terlebih dahulu. Kita bisa melakukannya dengan menggunakan metode find().
const data = [
{ name: "John", age: 30 },
{ name: "Jane", age: 25 },
{ name: "Peter", age: 28 }
];
const targetObject = data.find(obj => obj.name === "Jane");
if (targetObject) {
targetObject.city = "New York";
}
console.log(data);
// Output:
// [
// { name: "John", age: 30 },
// { name: "Jane", age: 25, city: "New York" },
// { name: "Peter", age: 28 }
// ]
Kode ini akan mencari objek dengan nama "Jane" dan menambahkan properti city dengan nilai "New York" ke objek tersebut.
Kesimpulan
Artikel ini membahas beberapa cara untuk menambahkan pasangan kunci-nilai baru ke array objek di JavaScript. Pilihan metode yang tepat akan bergantung pada kebutuhan spesifik Anda. Jika Anda ingin menambahkan pasangan kunci-nilai ke semua objek dalam array, gunakan map(). Jika Anda ingin memodifikasi objek secara langsung, gunakan forEach(). Dan jika Anda ingin menambahkan pasangan kunci-nilai ke objek tertentu, gunakan find().