{ } JSON Decoder

Penguraian JSON Online

Format, minify, validasi, dan visualisasikan JSON dalam hitungan detik. Semuanya berjalan di peramban Anda — data tidak pernah meninggalkan perangkat.

Tidak. Seluruh penguraian dan pemformatan berlangsung di peramban Anda. Data tidak pernah meninggalkan perangkat.

Peramban modern dapat menangani 1-10 MB dengan lancar. Berkas sangat besar (>20 MB) mungkin lambat; gunakan alat CLI untuk itu.

Masukan JSON

Mendukung seret berkas

                    
                

Keluaran

Menunggu masukan

                            

                        

Mengapa JSON Decoder?

Cepat, pribadi, tanpa instalasi — urai JSON langsung di peramban Anda.

Pemformatan Instan

Satu klik untuk mengembangkan JSON padat menjadi bentuk yang mudah dibaca dengan indentasi dan sorotan sintaks otomatis.

Kompresi Maksimal

Menghilangkan seluruh spasi dan baris baru untuk menghasilkan JSON paling ringkas, ideal untuk transportasi API.

Lokasi Kesalahan Presisi

Saat penguraian gagal, kami menunjukkan baris dan kolom tepatnya beserta konteks di sekitarnya untuk debug cepat.

Pohon yang Dapat Dilipat

Tampilan terstruktur yang dapat dibuka/tutup. Panjang array dan jumlah kunci ditampilkan langsung.

Prioritas Privasi

Semua dihitung di peramban Anda. Data tidak pernah diunggah ke server mana pun.

Impor & Ekspor Berkas

Seret berkas.json untuk memuatnya, atau ekspor hasil kembali ke.json dengan satu klik.

Cara kerja JSON Decoder

Penguraian JSON murni di sisi peramban — tanpa unggah, tanpa baris log, tanpa panggilan API pihak ketiga.

  1. 1

    Tempel atau seret JSON Anda

    Tempelkan string JSON ke editor atau seret berkas .json dari disk. Peramban membacanya melalui FileReader langsung ke memori JavaScript — tanpa XHR, tanpa fetch, tanpa unggah. Bahkan payload berukuran beberapa megabita pun aman; parser akan memprosesnya secara berangsur jika diperlukan.

  2. 2

    Parser native berjalan di peramban

    Kami menyerahkan string ke JSON.parse — parser V8 / SpiderMonkey / JavaScriptCore yang sama dengan yang digunakan peramban Anda untuk setiap respons fetch. Jika penguraian gagal, posisi karakter yang bermasalah dilaporkan dengan baris dan kolom sehingga Anda dapat memperbaikinya seketika. Tanpa trik regex, tanpa pesan kesalahan yang ambigu.

  3. 3

    Tampilan pohon dirender secara lokal

    Setelah diurai, hasilnya dirender sebagai pohon yang dapat dilipat menggunakan node DOM tervirtualisasi — sehingga objek dengan 100.000 kunci tetap mulus pada 60 fps. Anda dapat melipat array, menyalin path, dan menavigasi dengan keyboard.

  4. 4

    Format, minify, atau unduh

    Cetak rapi dengan indentasi 2 / 4 / tab, kompres ke satu baris, salin ke papan klip, atau unduh berkas yang sudah bersih. Transformasi berjalan di peramban Anda — bita hasilnya tidak pernah meninggalkan halaman.

Kasus penggunaan umum

Situasi nyata di mana penguraian JSON khusus peramban menjadi pilihan terbaik.

Men-debug respons API

Salin body respons yang sudah diminify dari log backend atau DevTools Anda, tempel di sini, dan lihat strukturnya seketika. Tidak perlu memasang alat CLI atau menyiapkan alias jq.

Memeriksa payload JWT

Setelah men-decode segmen tengah JWT dengan Base64, tempel JSON yang dihasilkan untuk melihat claim, masa berlaku, dan field kustom apa pun. Token tidak pernah menyentuh server selain server yang menerbitkannya.

Membersihkan berkas konfigurasi

Format ulang konfigurasi .json yang rusak (Tailwind, ESLint, package.json, tsconfig) agar tidak gagal di CI. Mendeteksi koma berlebih dan kunci ganda yang sering muncul di konfigurasi yang ditulis manual.

Membandingkan kontrak API

Buka dua tab peramban berdampingan, tempel skema lama dan baru. Gunakan tampilan pohon untuk menemukan field yang ditambah atau dihapus tanpa harus membandingkan string yang ter-escape.

Mengapa khusus peramban itu penting

JSON Anda sering berisi data pelanggan asli, API key, secret JWT, ID internal, dan PII. Sebagian besar formatter JSON online mengirimkan (POST) payload Anda ke server mereka — artinya pihak ketiga mencatat setiap field yang Anda tempel. JSON Decoder iKit berjalan sebagai JavaScript di tab peramban Anda, jadi parser melihat data Anda, tetapi tidak ada server yang melihatnya.

  • Nol permintaan jaringan saat penguraian — dapat diverifikasi di DevTools → Network.
  • Berfungsi offline setelah halaman dimuat — putuskan jaringan dan penguraian tetap berjalan.
  • Tanpa log server, tanpa batas laju, tanpa pendaftaran, tanpa kuota harian.

Panduan terkait

Tutorial mendalam dan perbandingan alat dari blog iKit.

Kesalahan Sintaks JSON yang Umum dan Cara Memperbaikinya

Tempel JSON Anda di atas — validator menunjukkan baris dan posisi karakter yang tepat. Berikut adalah kesalahan yang paling sering ditemui developer.

Error message Cause Fix
Unexpected token } in JSON at position N A trailing comma before } or ] — JSON does not allow trailing commas. Delete the comma after the last item: {"a": 1,} → {"a": 1}
Unexpected token ' in JSON at position N Single quotes around keys or values — JSON requires double quotes. Replace 'value' with "value" on every key and string.
Unexpected token N in JSON at position N A bare word like NaN, None or undefined — none are valid JSON values. Use null, a number, or a quoted string instead.
Expected property name or '}' / Expecting 'STRING' An unquoted object key: {name: "x"} — keys must be double-quoted strings. Quote the key: {"name": "x"}
Unexpected end of JSON input The text was truncated — an unclosed brace, bracket or string. Check that every { has a } and every [ has a ] — the tree view shows where it stops.
Unexpected token / in JSON at position N Comments (// or /* */) — the JSON spec does not allow them. Remove the comments, or keep config in JSONC/YAML and convert before parsing.
Bad control character in string literal A raw newline or tab inside a string. Escape it: use \n, \t or \u escapes inside the quotes.

Tipe Data JSON & Aturan Escaping

Semua yang diizinkan JSON — dan hal-hal yang terkenal tidak diizinkannya (komentar, koma di akhir, tanda kutip tunggal).

TypeExampleNotes
string"hello"Double quotes only
number3.14, -2, 1e9No NaN, Infinity or leading zeros
booleantrue, falseLowercase only
nullnullNot None or nil
object{"key": "value"}Keys must be quoted strings
array[1, "a", null]Mixed types allowed
EscapeMeaning
\" \\ \/Quote, backslash, slash
\n \r \tNewline, return, tab
\b \fBackspace, form feed
\uXXXXUnicode code point (4 hex digits)
Not allowed: comments, trailing commas, single quotes, unquoted keys

Pertanyaan yang Sering Diajukan

Apakah alat ini mengunggah data JSON saya?

Tidak. Seluruh penguraian dan pemformatan berlangsung di peramban Anda. Data tidak pernah meninggalkan perangkat.

Seberapa besar JSON yang didukung?

Peramban modern dapat menangani 1-10 MB dengan lancar. Berkas sangat besar (>20 MB) mungkin lambat; gunakan alat CLI untuk itu.

Mengapa muncul kesalahan "Unexpected token"?

Biasanya karena kutipan yang hilang, koma berlebih, atau penggunaan kutipan tunggal. Buka tab "Kesalahan" untuk melihat posisi tepatnya.

Apakah mendukung JSON5 atau JSON dengan komentar?

Saat ini hanya JSON ketat sesuai RFC 8259 yang didukung. Beri tahu kami jika Anda memerlukan dukungan JSON5 / JSONC.

Bisakah digunakan offline?

Setelah pemuatan pertama, sebagian besar sumber daya di-cache oleh peramban, sehingga dapat digunakan dengan atau tanpa koneksi internet.

Apakah JSON bisa memiliki komentar?

Tidak — spesifikasi JSON (RFC 8259) tidak mengizinkan komentar, dan parser menolaknya dengan kesalahan sintaks. Jika Anda memerlukan file konfigurasi dengan komentar, pertimbangkan JSONC atau YAML, lalu konversikan ke JSON murni sebelum diparsing.

Apakah JSON peka huruf besar-kecil (case sensitive)?

Ya. Kunci dan nilai string peka huruf besar-kecil ("Name" dan "name" adalah kunci yang berbeda), dan literal true, false, dan null harus huruf kecil — True atau NULL adalah kesalahan sintaks.

Apa saja tipe data JSON?

JSON memiliki tepat enam tipe: string (hanya tanda kutip ganda), number (tanpa NaN atau Infinity), boolean (true/false), null, object, dan array. Hal lainnya — tanggal, undefined, fungsi — harus direpresentasikan sebagai salah satu dari tipe-tipe ini, biasanya string.

Apa perbedaan antara formatter JSON dan validator JSON?

Formatter mengatur ulang indentasi JSON agar mudah dibaca (pretty-print) atau menghapus spasi (minify). Validator memeriksanya terhadap tata bahasa JSON dan melaporkan di mana letak kesalahannya. Alat ini melakukan keduanya sekaligus: memvalidasi saat Anda mengetik dan menampilkan baris serta posisi karakter yang tepat dari kesalahan pertama.

Bisakah saya mengonversi JSON ke YAML atau CSV?

Bisa — gunakan alat iKit lainnya: konverter JSON ↔ YAML di jsonyaml.ikit.app dan CSV ↔ JSON di csvjson.ikit.app. Untuk membandingkan dua file JSON gunakan Diff Checker, dan untuk mengompres JS/CSS gunakan Minifier — semuanya gratis dan hanya berjalan di browser seperti alat ini.