Add New Key Value Pair To Json Array Javascript

4 min read Jun 22, 2024
Add New Key Value Pair To Json Array Javascript

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.

Latest Posts