Cara menggunakan Format JSON
- Tempel JSON kamu ke kotak Input JSON, seret file
.jsonke sana, atau klik Muat contoh. - Output akan diperbarui saat kamu mengetik. Pilih Rapikan dengan 2 spasi, 4 spasi, atau tab — atau Minify untuk menghapus semua spasi kosong.
- Jika JSON tidak valid, error akan ditampilkan beserta baris dan kolomnya. Klik Lompat ke error untuk memilih karakter yang tepat di input.
- Beralih ke Pohon untuk menjelajahi data bersarang; klik nilai mana pun untuk menyalin path-nya (misalnya
$.variants[0].color). - Klik Salin atau Unduh untuk menyimpan hasilnya.
Apa itu JSON formatter?
JSON formatter (juga disebut JSON beautifier atau pretty-printer) mengambil JSON yang padat atau berantakan lalu menulisnya ulang dengan indentasi dan pemisah baris yang konsisten agar mudah dibaca manusia. API biasanya mengembalikan JSON yang di-minify dalam satu baris untuk menghemat byte; memformatnya adalah langkah pertama saat kamu men-debug respons, meninjau file konfigurasi, atau menulis dokumentasi. Tool ini juga bisa bekerja sebaliknya: Minify menghapus setiap spasi dan baris baru yang tidak perlu untuk menghasilkan payload sekecil mungkin.
Format dan validasi berjalan beriringan. Formatter membaca input dengan aturan ketat yang sama seperti JSON.parse(), jadi apa pun yang diterima di sini juga akan diterima parser mana pun yang sesuai standar (RFC 8259).
Kesalahan JSON yang umum dan cara memperbaikinya
Saat parsing gagal, validator menunjukkan baris dan kolom yang tepat, menyorot karakternya, dan menjelaskan masalahnya. Berikut kesalahan yang paling sering ditemukan:
| Kesalahan | Tidak valid | Valid |
|---|---|---|
| Koma di akhir | [1, 2, 3,] | [1, 2, 3] |
| Tanda kutip tunggal | {'id': 1} | {"id": 1} |
| Key tanpa tanda kutip | {id: 1} | {"id": 1} |
| Komentar | {"a": 1 // catatan} | Hapus komentarnya |
| Koma yang hilang | {"a": 1 "b": 2} | {"a": 1, "b": 2} |
| Angka khusus | NaN, Infinity, 01 | null, 1 |
| Baris baru mentah di dalam string | "baris 1⏎baris 2" | "baris 1\nbaris 2" |
Banyak dari penulisan ini valid di object literal JavaScript, JSON5, atau YAML, tetapi tidak di JSON — ini sering membingungkan saat menyalin data dari source code.
Peringatan di luar sintaks
Sebagian JSON secara teknis valid tetapi tetap berisiko. Validator memberi peringatan tentang key duplikat (kebanyakan parser diam-diam hanya menyimpan nilai terakhir) dan tentang integer lebih besar dari 253 (9.007.199.254.740.991), yang tidak bisa direpresentasikan secara tepat oleh JavaScript — masalah umum pada ID database 64-bit. Jika muncul peringatan ini, kirim ID tersebut sebagai string.
Rapikan vs. minify: mana yang harus dipakai?
Gunakan JSON yang dirapikan untuk hal-hal yang dibaca orang: file konfigurasi di Git (agar diff berbasis baris), dokumentasi, dan debugging. Indentasi dua spasi adalah konvensi paling umum di proyek JavaScript; empat spasi lazim dipakai oleh json.dumps(indent=4) di Python. Gunakan JSON minified untuk payload jaringan dan penyimpanan. Perlu diingat bahwa kompresi gzip atau Brotli di server sudah menghilangkan sebagian besar selisih ukuran, jadi keterbacaan biasanya lebih penting untuk file yang kamu commit.
Tampilan pohon dan pengurutan key
Untuk dokumen besar, tampilan Pohon memungkinkan kamu melipat objek dan array serta melihat jumlah item sekilas. Urutkan key menyusun key setiap objek secara alfabetis di semua level — berguna untuk membandingkan dua dokumen JSON di Diff Checker, karena urutan key yang berbeda akan menghasilkan diff yang berantakan. Butuh format lain? Ubah ke YAML, CSV, atau tipe TypeScript.
Juga dicari sebagai: json beautifier, validator json, cek json online, rapikan json, minify json, json lint, pretty print json, json viewer.
Tool yang cocok dipakai bersama Format JSON
- Formatter JavaScript — Rapikan dan beri indentasi JavaScript, JSON atau JSX sesuai preferensimu, dengan gaya kurung kurawal pilihanmu, atau hapus spasi dan komentar dengan minifier yang sudah terverifikasi.
- Encode / Decode Base64 — Ubah teks ke Base64 dan sebaliknya dengan dukungan UTF-8 penuh (aksen, emoji), beralih ke Base64 URL-safe, atau seret file untuk mendapatkan string Base64 atau data URI-nya.
- Validator JSON Schema — Tempel schema dan JSON untuk melihat nilai mana yang melanggar aturan, atau buat schema awal dari data contoh.
- Penguji JSONPath — Ketik query JSONPath dan langsung lihat apa yang dipilihnya, lengkap dengan path persis dari setiap hasil.
Pertanyaan yang sering diajukan
Apakah JSON saya diunggah ke server?
Kenapa validator menolak komentar dan koma di akhir?
tsconfig.json), dan YAML mengizinkannya — tetapi parser ketat seperti JSON.parse() akan melempar error.Seberapa besar file yang bisa saya format?
Apakah pemformatan mengubah data saya?
Apa perbedaan antara JSON dan object JavaScript?
undefined, komentar, serta koma di akhir tidak diizinkan.