Cara Mengubah String JSON Menjadi Objek di JavaScript

Data dari server (API) hampir selalu dikirim sebagai teks JSON. Agar bisa diproses, teks ini harus diubah menjadi objek JavaScript. Artikel ini membahas cara mengubah string JSON menjadi objek dengan JSON.parse di JavaScript.

Metode JSON.parse()

<script>
const teks = '{"nama":"Budi","umur":25}';
const obj = JSON.parse(teks);
console.log(obj.nama); // "Budi"
console.log(obj.umur); // 25
</script>

Contoh Kasus: Memproses Respon API

<script>
fetch("/api/produk")
    .then(res => res.text())
    .then(teks => {
        const data = JSON.parse(teks);
        data.forEach(p => console.log(p.nama));
    });
</script>

Catatan: res.json() pada fetch sudah otomatis mem-parsing JSON, jadi JSON.parse() manual lebih sering dipakai untuk data dari localStorage.

Menangani JSON yang Rusak

<script>
try {
    const data = JSON.parse(teksMungkinRusak);
} catch (e) {
    console.log("Format JSON tidak valid");
}
</script>

Kesimpulan

Gunakan JSON.parse() untuk mengubah teks JSON menjadi objek, terutama data dari localStorage. Selalu bungkus dengan try...catch untuk menangani data yang mungkin rusak agar skrip tidak berhenti.

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *