Buat JSON dengan JavaScript

Sebelumnya, sempet bingung bikin project buat tugas UAS karena harus bisa handle data, ada banyak pilihan dari mulai database server atau data disimpen di pointer dan ada juga yang simpen input form. Karena pilih bikin project dengan HTML, jadinya pilihannya jatuh ke JSON. Jadi nantinya, data yang masuk akan disimpan sebagai JSON array, lalu disimpan di local storage biar bisa disimpen dan diambil kalau perlu.

Sekarang, gimana caranya bikin array di JSON?

// buat variable baru
var data = {orang:[]};

// fungsi memasukan data ke JSON
data.orang.push(
	{"id":"1","nama":"Udin","umur":"22"}
);

Setelah disimpan dan dieksekusi, maka json yang didapat adalah:

{
    "orang": [
        {
            "id": "1",
            "nama": "Udin",
            "umur": "22"
        }
    ]
}

Sekarang gimana caranya biar bisa disimpen di local storage? Pertama, tentukan dulu key untuk local storage, misal DataOrang, lalu kita buat pengecekan apakah DataOrang ini memiliki data atau masih kosong.

// Cek jika tidak ada data di localStorage dengan key DataOrang, maka eksekusi script ini
if(!localStorage.getItem("DataOrang") {
	var data = {orang:[]};
	data.orang.push(
		{"id":"1","nama":"Udin","umur":"22"}
	);
}
// Jika ada data di localStorage dengan key DataOrang, ambil dulu data yang ada di localStorage, lalu tambahkan datanya
else {
	// JSON.parse() digunakan untuk deklarasi data yang diambil dari localStorage sebagai JSON
	var data = JSON.parse(localStorage.getItem("DataOrang"));
	data.orang.push(
		{"id":"1","nama":"Udin","umur":"22"}
	);
}
// Ubah variable data menjadi format JSON
data = JSON.stringify(data);
// Simpan variable data di localStorage
localStorage.setItem("DataOrang",data);

Begitulah kira-kira pelajaran yang bisa dibagi dari tugas UAS, silakan dikondisikan sesuai dengan kebutuhan, karena tulisan diatas hanya sebagai contoh.

Selamat mencoba dan jangan lupa makan malam :D