XtGem Forum catalog
Home » Article » Javascript » Menambah Dan Menghapus Objek Pada Json

Menambah dan menghapus Objek pada JSON

f_huda19   29 Oktober 2014   12:21:01   0 Suka   Favorit

Artikel ini akan membahas cara menambah dan menghapus objek JSON.


cara menambah / menghapus objek json

Buat teman-teman yg sudah terbiasa memparsing JSON pasti sudah tidak asing lagi dengan tutorial ini.

Tapi buat yg belum tahu, dan lagi cari-cari eh kebetulan nyasar dimari saya ucapkan selamat, siapa tau setelah muter-muter kesana kemari ga mudeng-mudeng setelah membaca tutor ini jadi mengerti.

Disini sudah Saya sediakan masing-masing dua contoh Cara menambah dan menghapus objek pada JSON. Tenang aja, tutornya mudah di pelajari kok.

<script type="text/javascript">
// Menambah Objek Pada JSON
var data= {nama:"Lee Soon Kyu", tanggal:"15 mei 1989", hobi:"Renang"};
data.gol_darah= 'B';
// {nama:"Lee Soon Kyu", tanggal:"15 mei 1989", hobi:"Renang", gol_darah:"B"}

var member= [{nama:"Taeyeon", tanggal:"9 maret 1989", hobi:"Renang"}, {nama:"Tiffany", tanggal:"1 agustus 1989", hobi:"Main seruling"}, {nama:"Seohyun", tanggal:"28 juni 1991", hobi:"Main piano"}];
var gol_darah= {Taeyeon:"O", Tiffany:"O", Seohyun:"A"};
for(i=0; i<member.length; i++) {
var nama= member[i].nama;
member[i].gol_darah= gol_darah[nama]; }
// {nama:"Taeyeon", tanggal:"9 maret 1989", hobi:"Renang", gol_darah:"O"}, {nama:"Tiffany", tanggal:"1 agustus 1989", hobi:"Main seruling", gol_darah:"O"}, {nama:"Seohyun", tanggal:"28 juni 1991", hobi:"Main piano", gol_darah:"A"}

// Menghapus Objek Pada JSON
var data= {nama:"Lee Soon Kyu", tanggal:"15 mei 1989", hobi:"Renang", gol_darah:"B"};
delete data.gol_darah;
// {nama:"Lee Soon Kyu", tanggal:"15 mei 1989", hobi:"Renang"}

var member= [{nama:"Taeyeon", tanggal:"9 maret 1989", hobi:"Renang", gol_darah:"O"}, {nama:"Tiffany", tanggal:"1 agustus 1989", hobi:"Main seruling", gol_darah:"O"}, {nama:"Seohyun", tanggal:"28 juni 1991", hobi:"Main piano", gol_darah:"A"}];
for(i=0; i<member.length; i++) {
delete member[i].gol_darah; }
// [{nama:"Taeyeon", tanggal:"9 maret 1989", hobi:"Renang"}, {nama:"Tiffany", tanggal:"1 agustus 1989", hobi:"Main seruling"}, {nama:"Seohyun", tanggal:"28 juni 1991", hobi:"Main piano"}]
</script>

Cukup simple kan? sekarang Saya akan coba menjelaskan sedikit demi sedikit. Kita langsung mulai dari yg ada looping-nya aja ya, Saya yakin Anda sudah paham contoh pertama.

Sebenarnya sih sama aja cara pertama dan kedua, cuman bedanya di cara kedua kita harus membongkar dulu Array-nya.

Disitu saya membuat JSON baru untuk menampung golongan darah berdasarkan nama member. Sebenarnya bisa saja kita bikin Array seperti biasa, tapi cara ini saya pikir lebih akurat dan mudah di pahami.

Pertama kita buat fungsi Looping seperti biasa, lalu perhatikan yg "cara menambah objek pada JSON" disitu ada variabel var nama= member[i].nama; fungsinya untuk mendapatkan value pada objek nama yg sedang ter-index.

Kemudian ada member[i].gol_darah= gol_darah[nama]; ini adalah inti dari tujuan kita, "member[i]" untuk mendapatkan Array yg sedang ter-index. Kemudian ".gol_darah= gol_darah[nama]" untuk membuat objek baru beserta value-nya.

Untuk cara menghapusnya sangat mudah, tinggal kita set "delete" dan tentukan Objek mana yg ingin di hapus seperti contoh yg telah Saya berikan di atas.

Semoga artikel ini dapat menyelsaikan masalah tentang JSON yg sedang Anda hadapi.