Cara memformat dan memvalidasi JSON online

· 4 menit baca

Jika Anda bekerja dengan API, berkas konfigurasi, atau jenis data terstruktur apa pun, Anda akan menemui JSON secara teratur. Dan jika Anda pernah menatap dinding JSON yang diperkecil mencari kurung kurawal yang hilang, Anda tahu mengapa pemformatan penting.

Apa yang dilakukan pemformat JSON

JSON mentah dari respons API atau berkas yang diperkecil terlihat seperti ini:

{"users":[{"name":"Alice","age":30,"roles":["admin","editor"]},{"name":"Bob","age":25,"roles":["viewer"]}]}

Pemformat mengubahnya menjadi sesuatu yang dapat dibaca:

{
  "users": [
    {
      "name": "Alice",
      "age": 30,
      "roles": ["admin", "editor"]
    },
    {
      "name": "Bob",
      "age": 25,
      "roles": ["viewer"]
    }
  ]
}

Data yang sama, tetapi Anda akhirnya dapat membacanya, menemukan kesalahan, dan memahami strukturnya.

Cara memformat JSON online

  1. Tempel JSON Anda di bidang input. Pemformat segera mendeteksi kesalahan sintaks dan memvalidasi struktur.
  2. Pilih indentasi — pilih 2 atau 4 spasi, atau klik Minify untuk mengompres JSON menjadi satu baris.
  3. Salin hasilnya — keluaran yang diformat menyertakan penyorotan sintaks. Salin untuk kode, berkas konfigurasi, atau dokumentasi Anda.

Kesalahan JSON umum dan cara menemukannya

Sebagian besar kesalahan JSON bermuara pada beberapa jebakan umum:

Pemformat yang baik menyoroti dengan tepat di mana kesalahan berada, sehingga Anda dapat memperbaikinya tanpa menebak.

Kapan memformat, kapan minify

Format (membuatnya dapat dibaca) ketika Anda perlu:

Minify ketika Anda perlu:

Tips bekerja dengan JSON

Pertanyaan yang sering diajukan

Bisakah pemformat menangani berkas JSON yang besar?

Ya. Karena alat berjalan di peramban Anda, dapat memproses berkas dengan puluhan ribu baris. Kinerja tergantung pada perangkat Anda, tetapi sebagian besar peramban modern menangani JSON besar tanpa masalah.

Apakah berfungsi offline?

Ya. Setelah halaman dimuat, alat berfungsi sepenuhnya di peramban Anda tanpa koneksi Internet. Semua pemrosesan terjadi secara lokal di JavaScript.

Apa perbedaan antara memformat dan memvalidasi?

Memformat menambahkan indentasi dan baris baru untuk membuat JSON dapat dibaca. Memvalidasi memeriksa bahwa struktur JSON benar — kurung kurawal seimbang, tanda kutip benar, tipe valid. Sebagian besar pemformat melakukan keduanya secara bersamaan.

Bisakah saya menggunakannya di telepon saya?

Ya. Alat berfungsi di perangkat apa pun dengan peramban modern, termasuk telepon dan tablet.