Lewati ke konten utama
FreeOnlineTools Go
Bahasa Indonesia
Penjelasan

Apa itu JSON? Penjelasan Lengkap Notasi Objek JavaScript

Oleh FreeOnlineTools Team · Diperbarui pada tanggal 2026-09-02

Jawaban Cepat

JSON adalah format teks untuk merepresentasikan data terstruktur menggunakan pasangan nilai kunci dan array. Ini mendukung enam tipe data: string, angka, boolean, null, objek, dan array. JSON adalah format standar untuk pertukaran data antara server web dan browser. Gunakan JSON Formatter gratis kami untuk mempercantik dan memvalidasi JSON di browser Anda.

Perkenalan

JSON (JavaScript Object Notation) adalah format pertukaran data ringan berbasis teks yang mudah dibaca dan ditulis oleh manusia, serta mudah diurai dan dibuat oleh mesin. Terlepas dari namanya, JSON tidak bergantung pada bahasa — digunakan oleh Python, Java, Go, Ruby, dan hampir semua bahasa pemrograman modern, bukan hanya JavaScript. JSON ditentukan oleh RFC 8259 dan merupakan format data dominan untuk web APIs, file konfigurasi, dan database NoSQL.

Langkah demi Langkah

  1. Pahami sintaksis JSON

    JSON menggunakan kurung kurawal {} untuk objek (pasangan kunci-nilai), tanda kurung siku [] untuk array (daftar berurutan), dan titik dua untuk memisahkan kunci dari nilai. Kunci harus berupa string dalam tanda kutip ganda. Nilai dapat berupa string, angka, boolean, null, objek, atau array.

  2. Pelajari enam tipe data

    JSON mendukung enam tipe data: string (dalam tanda kutip ganda), angka (tidak ada perbedaan antara int/float), boolean (benar atau salah), null, objek ({...}), dan array ([...]). JSON tidak mendukung fungsi, tanggal, atau NaN yang tidak ditentukan.

  3. Kenali struktur JSON

    Dokumen JSON bisa berupa objek atau larik di tingkat atas. Objek berisi pasangan nilai kunci; array berisi nilai yang diurutkan. Struktur dapat disarangkan ke kedalaman berapa pun — nilai suatu objek dapat berupa objek atau larik lain.

  4. Parsing dan hasilkan JSON

    Dalam JavaScript, JSON.parse(string) mengonversi string JSON menjadi objek JavaScript, dan JSON.stringify(object) mengonversi objek JavaScript menjadi string JSON. Setiap bahasa modern memiliki fungsi yang setara.

Contoh

Objek JSON sederhana

Masukan: Orang dengan nama dan usia

Keluaran: {"name": "Alice", "age": 30}

JSON dengan struktur bersarang

Masukan: Pengguna dengan alamat

Keluaran: {"name": "Alice", "address": {"city": "NYC", "zip": "10001"}}

__TETAP_2__ susunan

Masukan: Daftar nomor

Keluaran: [1, 2, 3, 4, 5]

Masalah Umum

  • Menggunakan tanda kutip tunggal —JSON memerlukan tanda kutip ganda untuk semua string dan kunci. Tanda kutip tunggal tidak valid.
  • Tanda koma —koma setelah item terakhir dalam objek atau larik adalah kesalahan sintaksis di JSON.
  • Komentar —standar JSON tidak mendukung komentar. Gunakan JSONC atau JSON5 jika Anda memerlukan komentar.
  • Kunci yang tidak diberi tanda kutip —tidak seperti literal objek JavaScript, JSON mengharuskan semua kunci berada dalam tanda kutip ganda.

Kiat

  • JSON tidak bergantung pada bahasa meskipun namanya —setiap bahasa modern memiliki dukungan JSON.
  • Gunakan JSON untuk API permintaan dan tanggapan — ini adalah standar de facto, menggantikan XML.
  • Validasi JSON sebelum mengirimkannya dalam permintaan API untuk menghindari 400 kesalahan.
  • Gunakan JSON Formatter kami untuk mempercantik, memvalidasi, dan memperkecil JSON secara instan di browser Anda.

Alat Terkait

Panduan Terkait

Referensi