Penampil pohon JSON
Jelajahi dan edit JSON dalam tampilan pohon yang dapat diciutkan
Input JSON
File JSON hingga 25 MiB
Perbaikan dapat mengubah data yang rusak. Periksa input yang telah diedit sebelum mengekspor.
Detail parser
Penampil JSON
Masukkan JSON yang valid untuk melihat strukturnya.
Pohon menampilkan satu halaman node yang terlihat. Semua data tetap tersedia di pohon dan pada ekspor penuh.
Masukkan JSON yang valid untuk melihat strukturnya.
Statistik JSON
- Kunci objek
- 0
- Total nilai
- 0
- Objek
- 0
- Array
- 0
- String
- 0
- Angka
- 0
- Boolean
- 0
- Nilai null
- 0
- Kedalaman maksimum
- 0
- Byte UTF-8
- 0
Cara menggunakan penampil
Masukkan JSON untuk mengubah tipenya, atau teks biasa untuk menyimpan string. Enter menyimpan; Escape membatalkan.
- Muat file atau contoh untuk membuka pohon dan menciutkan panel input. Gunakan Tampilkan input untuk mengedit JSON mentah.
- Saat Anda mengetik, input tetap terbuka. Memformat dan meminifikasi mengubah input tanpa menghilangkan data yang sudah diurai.
- Pada mode pohon, Salin menggunakan JSON yang diformat. Pada mode kode, Salin mempertahankan format input; pratinjau kode dan unduhan menggunakan JSON yang diformat.
- Kunci yang mengandung titik, tanda kutip, atau bernama root diperlakukan sebagai kunci literal.
- Edit nilai primitif dengan ikon pensil; penghapusan memerlukan konfirmasi. Edit objek dan array melalui input mentah.
- Pencarian mencocokkan kunci dan nilai string, termasuk string dalam array. Pilih satu hasil untuk menampilkan lokasi persisnya.
- Angka menggunakan presisi numerik JavaScript.
Penampil pohon JSON, validator & editor online gratis
Alat penampil pohon JSON kami mengubah data JSON mentah menjadi struktur pohon interaktif yang dapat diciutkan, sehingga objek yang sangat bersarang pun mudah dijelajahi. Tempel string JSON, unggah file .json, atau seret dan lepas ke halaman, dan alat ini langsung memvalidasi, mengurai, serta menampilkan data Anda dalam hierarki yang mudah dinavigasi dengan tipe berkode warna untuk string, angka, boolean, dan nilai null.
Selain visualisasi, alat ini juga berfungsi sebagai editor JSON ringan. Arahkan kursor ke nilai primitif mana pun di pohon untuk menampilkan tombol edit dan hapus, sehingga Anda bisa mengubah data langsung tanpa berpindah ke editor lain. Perubahan langsung tercermin pada JSON di baliknya, yang kemudian dapat Anda salin atau unduh. Validator JSON bawaan menyorot kesalahan sintaks secara real-time, dan fitur perbaikan otomatis mengoreksi kesalahan umum seperti kunci tanpa tanda kutip, tanda kutip tunggal, dan koma di akhir.
Fungsi pencarian yang andal memungkinkan Anda menemukan kunci dan nilai di seluruh struktur, sementara panel statistik merinci jumlah total kunci, objek, array, string, angka, boolean, null, kedalaman maksimum, dan ukuran byte. Baik Anda sedang men-debug respons API, memeriksa file konfigurasi, atau menganalisis ekspor basis data, penampil JSON online ini menjaga alur kerja tetap cepat dan data Anda tetap privat - semuanya berjalan di browser Anda tanpa unggahan ke server.
Fitur utama
- Tampilan pohon interaktif dengan kontrol perluas, ciutkan, perluas semua, dan ciutkan semua
- Validasi JSON real-time dengan pesan kesalahan yang deskriptif
- Perbaikan otomatis untuk kesalahan JSON umum: kunci tanpa tanda kutip, tanda kutip tunggal, koma di akhir, dan nilai undefined
- Pengeditan dan penghapusan nilai langsung di tampilan pohon
- Pencarian kunci dan nilai dengan hasil yang disorot dan tampilan jalur
- Panel statistik JSON: total kunci, objek, array, string, angka, boolean, null, kedalaman maksimum, dan ukuran
- Tombol format (pretty-print) dan minify untuk input JSON mentah
- Unggah file, seret dan lepas, salin ke clipboard, dan unduh sebagai .json
- Beralih antara tampilan pohon dan tampilan kode
- Panel input yang dapat diciutkan untuk ruang tampilan pohon yang maksimal
Cara menggunakan penampil pohon JSON
- Muat JSON Anda: Tempel JSON ke area input, klik "Unggah" untuk memilih file .json, seret file ke zona input, atau klik "Muat contoh" untuk melihat demo.
- Validasi dan urai: Alat ini memvalidasi JSON Anda secara real-time. Jika ada kesalahan, klik "Perbaiki kesalahan JSON" untuk mengoreksi masalah umum secara otomatis.
- Jelajahi pohonnya: Klik node untuk memperluas atau menciutkannya. Gunakan "Perluas semua" dan "Ciutkan semua" untuk navigasi massal.
- Cari data: Ketik nama kunci atau nilai ke bilah pencarian untuk menemukan entri yang cocok beserta jalur lengkapnya.
- Edit atau hapus nilai: Gunakan kontrol edit atau hapus di samping nilai primitif. Kontrol ini tetap tersedia di layar sentuh; penghapusan memerlukan konfirmasi.
- Ekspor data Anda: Klik "Salin" untuk menaruh JSON di clipboard Anda, atau "Unduh" untuk menyimpannya sebagai file .json.
Kasus penggunaan
- Debugging respons API: Tempel respons REST atau GraphQL untuk memvisualisasikan strukturnya dan menemukan kolom tertentu dengan cepat.
- Pemeriksaan file konfigurasi: Unggah package.json, tsconfig.json, atau file konfigurasi apa pun untuk memeriksa struktur dan nilainya.
- Analisis struktur data: Gunakan panel statistik untuk memahami kompleksitas payload JSON - seberapa dalam tingkat bersarangnya, berapa banyak kuncinya, dan ukuran byte-nya.
- Pengeditan JSON cepat: Lakukan koreksi kecil pada data JSON tanpa membuka IDE lengkap atau editor teks.
- Koreksi kesalahan: Perbaiki JSON rusak dari log atau sumber pihak ketiga dengan fitur perbaikan otomatis sebelum memprosesnya di aplikasi Anda.
- Peninjauan ekspor basis data: Periksa ekspor JSON dari MongoDB, Firebase, atau basis data dokumen lain dalam format yang mudah dibaca.
- Mengajar dan belajar: Visualisasikan struktur data bersarang bagi siswa yang mempelajari JSON, API, dan pemodelan data.
Pertanyaan yang sering diajukan
Apakah alat ini gratis?
Ya, penampil pohon JSON sepenuhnya gratis tanpa pendaftaran, pembatasan lewat iklan, atau batas penggunaan. Lihat, validasi, edit, dan ekspor JSON sebanyak yang Anda butuhkan.
Apakah data saya aman?
Ya. Seluruh operasi penguraian, validasi, pengeditan, dan pencarian berlangsung sepenuhnya di browser Anda. Tidak ada data yang dikirim ke server jarak jauh, sehingga aman dipakai dengan data JSON milik sendiri, internal, atau sensitif.
Kesalahan JSON apa saja yang dapat diperbaiki oleh perbaikan otomatis?
Aksi perbaikan mencoba perbaikan asli untuk kunci tanpa tanda kutip, tanda kutip tunggal, koma di akhir, dan nilai undefined. Input yang dicoba diperbaiki tetap ditampilkan untuk Anda tinjau. Perbaikan dapat mengubah data yang rusak dan tidak menjamin makna yang dimaksud; JSON yang sudah valid tidak berubah.
Apakah ada batas ukuran file JSON?
Unggahan dan file yang dilepas diterima hingga 25 MiB, termasuk file yang tepat berukuran sebesar batas tersebut. Penampil memuat node pohon yang terlihat secara bertahap sambil menyimpan seluruh data untuk pengeditan dan ekspor. JSON yang besar atau sangat dalam tingkat bersarangnya tetap dapat membutuhkan lebih banyak waktu atau memori.
Bisakah saya mengedit objek atau array bersarang di pohon?
Saat ini, pengeditan dan penghapusan langsung tersedia untuk nilai primitif (string, angka, boolean, dan null). Untuk mengubah objek atau array bersarang, beralihlah ke panel input dan edit JSON mentahnya secara langsung.
Tips & praktik terbaik
- Format sebelum menjelajah: Klik "Format JSON" untuk merapikan input (pretty-print) agar teks mentah lebih mudah dibaca berdampingan dengan tampilan pohon.
- Ciutkan panel input: Setelah JSON dimuat, sembunyikan panel input agar pohon mendapat ruang layar maksimal untuk hierarki yang dalam.
- Gunakan pencarian untuk file besar: Daripada memperluas node satu per satu di JSON besar, ketik kunci atau nilai ke bilah pencarian untuk langsung menuju hasil yang cocok.
- Periksa statistik untuk audit cepat: Gunakan "Tampilkan statistik" untuk mendapat gambaran cepat tentang kompleksitas data sebelum menelusuri node satu per satu.
- Seret dan lepas agar praktis: Seret file .json langsung dari pengelola file ke area input, cara tercepat untuk memuat data.
- Unduh setelah mengedit: Setelah melakukan pengeditan langsung, klik "Unduh" untuk menyimpan JSON yang telah diubah sebagai file baru, bukan menimpa file asli.