Alat > JSONPemformat JSON
Ukuran indentasi
Masukan
Keluaran
JSON valid: Tidak
Baris: 0
Kedalaman: 0
Ukuran (byte): 0

Pemformat & Pemercantik JSON

Format dan percantik JSON mentah, diminifikasi, atau tidak terformat menjadi output berindentasi rapi dengan kendali penuh atas gaya pemformatannya. Alat ini mendukung JSONC (JSON dengan Komentar), penghapusan koma trailing, output kompak/minifikasi, inlining rekursif array dan objek bersarang, serta pengkodean unicode — semua pemformatan dan pemercantikan terjadi di browser Anda untuk privasi penuh.

Cara Menggunakan Alat Ini

  1. Tempel JSON Anda — Tempel JSON mentah, diminifikasi, atau tidak rapi ke panel input. Alat ini menerima JSON standar dan opsional JSONC (dengan komentar dan koma trailing).
  2. Pilih gaya indentasi — Pilih spasi atau tab untuk indentasi. Gunakan slider atau ketik nilai untuk menyesuaikan ukuran indentasi (hingga 20 level) agar sesuai dengan gaya coding proyek Anda.
  3. Konfigurasi opsi pemformatan — Aktifkan "Minifikasi" untuk output kompak, atau sesuaikan dengan inlining rekursif array dan objek pendek, penutupan struktur kosong, dan pengkodean unicode. Gunakan slider batas untuk mengontrol seberapa agresif struktur di-inline.
  4. Tangani input JSONC — Jika input Anda mengandung komentar (seperti tsconfig.json atau pengaturan VS Code), aktifkan "Hapus komentar" dan "Hapus koma trailing" untuk mengubahnya menjadi JSON valid.
  5. Salin hasilnya — JSON yang telah diformat langsung muncul di panel output. Klik tombol salin untuk menyalinnya ke clipboard Anda.

Fitur

Indentasi yang Dapat Dikonfigurasi

Pilih antara spasi dan tab dengan ukuran indentasi yang dapat dikonfigurasi hingga 20 level. Gunakan slider interaktif untuk penyesuaian cepat atau ketik nilai apa pun secara langsung.

Mode Minifikasi / Kompak

Kompres JSON menjadi satu baris dengan menghapus semua spasi — ideal untuk mengurangi ukuran payload atau menyematkan dalam URL dan API.

Dukungan JSONC

Hapus komentar satu baris (//) dan multi-baris (/* */) dari file JSONC seperti tsconfig.json, settings.json VS Code, dan konfigurasi ESLint sebelum diformat.

Penghapusan Koma Trailing

Hapus otomatis koma trailing sebelum ] dan } untuk mengubah input seperti JSON5 menjadi JSON standar yang ketat.

Inlining Rekursif Array & Objek Pendek

Inlining rekursif array dan objek — termasuk struktur bersarang dalam — ke satu baris ketika muat dalam batas karakter yang dapat dikonfigurasi (hingga 1000 karakter). Objek bersarang seperti {"pool":{"min":2,"max":10}} tetap kompak ketika muat, sementara struktur yang lebih besar diperluas secara normal.

Pengkodean Unicode

Konversi karakter non-ASCII dalam nilai string ke urutan escape \uXXXX untuk output JSON yang hanya mengandung ASCII dan kompatibel dengan sistem lama.

Kasus Penggunaan Nyata

1

Debug Respons API

Tempel respons API yang diminifikasi untuk langsung melihat struktur lengkap dengan indentasi yang tepat, sehingga mudah memeriksa objek dan array yang bersarang.

2

Memformat File Konfigurasi

Rapikan file tsconfig.json, package.json, atau pengaturan VS Code yang berantakan dengan indentasi yang konsisten dan opsi penghapusan komentar.

3

Minifikasi Payload JSON

Kompres JSON yang telah diformat menjadi satu baris kompak untuk disematkan dalam variabel lingkungan, body permintaan API, atau parameter URL.

4

Standarisasi Format Tim

Pastikan semua anggota tim menggunakan gaya pemformatan JSON yang sama (indentasi 2 spasi, struktur kosong tertutup) untuk ulasan kode dan diff yang konsisten.

5

Menyiapkan JSON Aman-ASCII

Escape karakter unicode untuk sistem yang memerlukan JSON hanya ASCII, seperti basis data lama atau API legacy yang tidak mendukung UTF-8.

Pertanyaan yang Sering Diajukan

Apa itu JSONC dan bagaimana alat ini menanganinya?
JSONC (JSON dengan Komentar) adalah JSON yang mengizinkan komentar satu baris (//) dan multi-baris (/* */), serta koma trailing. Banyak alat seperti TypeScript (tsconfig.json) dan VS Code (settings.json) menggunakan JSONC. Aktifkan "Hapus komentar" dan "Hapus koma trailing" untuk mengubah input JSONC menjadi JSON standar yang valid sebelum diformat.
Apa yang dilakukan opsi "Array pendek inline"?
Saat diaktifkan, array yang muat dalam batas karakter (default 80) tetap dalam satu baris — seperti [1, 2, 3] — alih-alih setiap elemen diperluas ke barisnya sendiri. Ini bekerja secara rekursif: array yang berisi objek bersarang atau array lain juga di-inline selama seluruh bentuk terserialisasi muat dalam batas. Gunakan slider untuk menyesuaikan batas hingga 1000 karakter.
Apakah inlining bekerja dengan objek dan array bersarang?
Ya. Inlining sepenuhnya rekursif. Struktur seperti {"pool":{"min":2,"max":10}} atau ["tags",[1,2,3]] akan tetap dalam satu baris selama seluruh bentuk terserialisasi muat dalam batas karakter. Ini membuat output jauh lebih mudah dibaca untuk file konfigurasi dan respons API dengan struktur bersarang kecil.
Apakah mode minifikasi memvalidasi JSON saya?
Ya. Alat ini mengurai input Anda sebagai JSON sebelum memformat. Jika input tidak valid (dan pra-pemrosesan seperti penghapusan komentar/koma tidak memperbaikinya), Anda akan melihat pesan error alih-alih output. Indikator "JSON valid" di bilah statistik mengonfirmasi apakah penguraian berhasil.
Mengapa saya perlu meng-escape karakter unicode?
Beberapa sistem lama, API, atau basis data tidak menangani JSON UTF-8 dengan benar. Meng-escape karakter non-ASCII ke urutan \uXXXX memastikan JSON hanya mengandung karakter ASCII sambil tetap menjaga nilai sebenarnya. Misalnya, "cafe" menjadi "caf\u00e9".
Apakah data saya aman? Apakah dikirim ke server?
Data Anda tidak pernah meninggalkan browser. Semua pemformatan, penguraian, dan transformasi JSON terjadi sepenuhnya di sisi klien dalam JavaScript. Tidak ada data yang dikirim ke server mana pun, sehingga alat ini aman untuk data JSON yang sensitif atau rahasia.
Berapa ukuran JSON maksimum yang dapat ditangani alat ini?
Karena pemrosesan terjadi di browser Anda, batasnya bergantung pada memori perangkat Anda. Sebagian besar browser modern dapat menangani file JSON berukuran beberapa megabyte tanpa masalah. Untuk file yang sangat besar (50MB+), pemrosesan mungkin lebih lambat.

Alat Terkait

Ekstraktor Kunci JSON

Ekstrak semua kunci dari objek JSON — daftar datar, berdasarkan level kedalaman, atau jalur bernama lengkap.

Ekstraktor Teks JSON

Ekstrak dan unescape nilai teks dari string JSON.

Daftar JSON ↔ Baris

Konversi array JSON ke baris yang dipisahkan dan sebaliknya.

Teks ke JSON

Konversi teks biasa ke JSON dengan pelolosan yang tepat.