Editor Pohon JSON

Fungsinya

Editor pohon JSON mengubah dokumen JSON menjadi pohon yang bisa dilipat, yang dapat Anda jelajahi dan edit secara langsung. Alih-alih mencari koma yang hilang di file teks yang panjang, Anda cukup mengubah nilai di kotak input kecil dan alat ini menuliskan ulang JSON yang valid untuk Anda.

Alat ini praktis untuk file konfigurasi, respons API, fixture tes, dan file terjemahan: apa saja yang strukturnya perlu Anda pahami dulu sebelum melakukan beberapa perubahan yang presisi.

Cara menggunakan

1. Tempel JSON ke input di sebelah kiri, atau muat contohnya.
2. Jelajahi pohonnya. Klik panah di samping objek atau array untuk membuka atau melipatnya, dan gunakan Level yang dibuka untuk memilih seberapa dalam pohon terbuka secara default.
3. Edit langsung di tempat:
   • Klik sebuah key untuk mengganti namanya. Key tetap berada di posisinya di dalam objek.
   • Klik string atau angka untuk mengubahnya. Boolean memiliki menu true atau false.
   • Gunakan menu tipe di sebelah kanan setiap baris untuk mengubah nilai menjadi tipe JSON lain.
   • Tekan + untuk menambahkan anak ke objek atau array, atau × untuk menghapus sebuah node.
4. Tekan Enter atau klik di tempat lain untuk menerapkan perubahan, atau Escape untuk membatalkannya.
5. Salin JSON yang sudah diperbarui dari input. Opsi Indentasi mengatur cara pemformatannya.

Path

Memilih sebuah baris menampilkan path-nya dalam gaya JSONPath, seperti $.author.name atau $.keywords[2], dengan tombol untuk menyalinnya. Key yang bukan identifier biasa diberi tanda kutip, misalnya $["first name"]. Path berguna saat Anda menulis kode atau query yang membaca field yang sama, misalnya dengan jq, optional chaining JavaScript, atau fungsi JSON di database.

Pengeditan yang aman

Editan tidak pernah menghasilkan JSON yang tidak valid. Jika sebuah perubahan tidak bisa diterapkan, misalnya mengganti nama key menjadi key yang sudah ada atau mengetik huruf ke dalam angka, alat ini menampilkan pesan di atas pohon dan membiarkan dokumen Anda tidak berubah.

Jika JSON di sebelah kiri mengandung syntax error, pohon diganti dengan pesan error beserta baris dan kolomnya, sehingga Anda bisa memperbaiki teksnya dan melanjutkan.