Menambahkan Pasangan Kunci-Nilai Baru ke Array JSON di JavaScript
Artikel ini akan membahas cara menambahkan pasangan kunci-nilai baru ke array JSON di JavaScript. Array JSON adalah struktur data yang fleksibel dan sering digunakan untuk menyimpan data dalam format yang terstruktur.
Memahami Array JSON
Array JSON adalah kumpulan data yang diurutkan dan dibungkus dalam tanda kurung siku [ ]
. Setiap elemen dalam array dapat berupa objek JSON, string, angka, boolean, atau bahkan array lainnya.
Contoh Array JSON:
[
{ "name": "John Doe", "age": 30 },
{ "name": "Jane Doe", "age": 25 }
]
Metode untuk Menambahkan Pasangan Kunci-Nilai
Ada beberapa metode untuk menambahkan pasangan kunci-nilai baru ke array JSON di JavaScript:
1. Menggunakan push()
dengan objek baru
Metode ini cocok untuk menambahkan pasangan kunci-nilai baru ke semua elemen dalam array.
const data = [
{ "name": "John Doe", "age": 30 },
{ "name": "Jane Doe", "age": 25 }
];
// Menambahkan pasangan kunci-nilai baru "city" ke semua elemen
data.forEach(item => {
item.city = "New York";
});
console.log(data);
2. Menggunakan map()
untuk memodifikasi elemen yang ada
Metode ini cocok jika Anda ingin memodifikasi elemen yang ada atau menambahkan pasangan kunci-nilai baru ke elemen tertentu.
const data = [
{ "name": "John Doe", "age": 30 },
{ "name": "Jane Doe", "age": 25 }
];
// Menambahkan pasangan kunci-nilai "city" ke elemen pertama
const updatedData = data.map((item, index) => {
if (index === 0) {
return { ...item, city: "New York" };
}
return item;
});
console.log(updatedData);
3. Menambahkan elemen baru dengan push()
Metode ini cocok untuk menambahkan elemen baru ke array dengan pasangan kunci-nilai baru.
const data = [
{ "name": "John Doe", "age": 30 },
{ "name": "Jane Doe", "age": 25 }
];
// Menambahkan elemen baru dengan pasangan kunci-nilai baru
data.push({ name: "Peter Pan", age: 20, city: "Neverland" });
console.log(data);
Catatan Penting
- Modifikasi langsung: Mengubah array JSON asli secara langsung akan mengubah data yang ada.
- Membuat salinan: Jika Anda ingin menjaga data asli tetap utuh, Anda dapat membuat salinan array sebelum melakukan modifikasi.
Kesimpulan
Menambahkan pasangan kunci-nilai baru ke array JSON di JavaScript dapat dilakukan dengan berbagai metode. Pilih metode yang paling sesuai dengan kebutuhan Anda dan pastikan Anda memahami perbedaan antara modifikasi langsung dan membuat salinan.