Penampil pohon JSON
Visualisasikan data JSON sebagai pohon interaktif yang dapat dilipat. Cari kunci dan nilai, lacak JSONPath saat hover, dan tangani file besar dengan lazy loading. Mendukung drag & drop file .json.
Apa itu penampil pohon JSON?
Penampil pohon JSON adalah alat yang mengurai teks JSON dan merendernya sebagai struktur pohon interaktif yang dapat dilipat. Setiap node menampilkan kunci, tipe, dan pratinjau nilainya, memungkinkan Anda menjelajahi data JSON yang sangat bersarang secara visual tanpa membaca teks mentah.
Bagaimana cara melipat dan membuka node pohon?
Klik ikon panah di sebelah node objek atau array apa pun untuk membuka atau melipatnya. Anda juga dapat mengklik baris node itu sendiri. Gunakan tombol "Perluas semua" dan "Lipat semua" di toolbar untuk beralih seluruh pohon sekaligus.
Bagaimana cara kerja fitur pencarian?
Ketik kata kunci di kotak pencarian dan alat akan langsung menyorot kunci dan nilai string yang cocok. Baris yang cocok disorot, dan Anda dapat berpindah antara kecocokan menggunakan tombol sebelumnya/berikutnya atau tombol Enter (maju) dan Shift+Enter (mundur).
Apa itu JSONPath dan bagaimana cara menyalinnya?
JSONPath adalah ekspresi notasi titik yang menunjuk ke node tertentu, mis. $.user.address[0].city. Arahkan kursor ke node mana pun dan jalurnya muncul di bilah jalur; klik jalur atau ikon salin untuk menyalinnya ke papan klip.
Bisakah saya memuat JSON dari file?
Ya. Klik tombol "Muat File" untuk mencari file .json, atau seret dan lepas file .json ke area input. Isi file dibaca secara lokal di browser Anda dan tidak pernah diunggah ke server mana pun.
Bagaimana tipe nilai yang berbeda ditampilkan?
Setiap tipe nilai memiliki warna yang berbeda: string hijau, angka biru, boolean oranye, dan nilai null abu-abu. Objek dan array menampilkan badge dengan jumlah anaknya, seperti {3} atau [5].
Bagaimana alat menangani file JSON yang sangat besar?
Ketika node memiliki lebih dari 1000 anak, alat menggunakan lazy loading: ia merender 100 item pertama dan menampilkan tombol "Muat lebih" di bagian bawah. Ini menjaga UI tetap responsif bahkan dengan array ribuan entri.
Apakah data JSON saya dikirim ke server?
Tidak. Semua penguraian, rendering, dan pencarian terjadi sepenuhnya di browser Anda. Data JSON Anda tidak pernah meninggalkan perangkat Anda, membuat alat ini aman untuk data sensitif atau rahasia.
Apa yang terjadi ketika saya menempelkan JSON tidak valid?
Alat menampilkan pesan kesalahan yang jelas di bawah area input yang menunjukkan kesalahan parse dan lokasinya. Tampilan pohon tetap kosong sampai Anda memperbaiki sintaks dan input menjadi JSON yang valid lagi.
Apakah alat ini bekerja offline?
Setelah halaman dimuat, alat berjalan sepenuhnya di browser Anda dan dapat bekerja tanpa koneksi internet. Hanya pemuatan halaman awal yang memerlukan akses jaringan untuk mengambil aset statis.
Cara Menggunakan Penampil pohon JSON
Tempel JSON atau seret & lepas file .json untuk menjelajahnya sebagai pohon interaktif yang bisa dilipat. Semuanya berjalan lokal di browser Anda — data Anda tidak pernah diunggah.
- Tempel JSON Anda ke editor, atau seret & lepas file .json langsung ke halaman.
- Klik panah di samping objek dan array untuk melipat atau membuka cabang agar hanya node yang relevan yang terlihat.
- Ketik kunci atau nilai di kotak pencarian untuk menyorot node yang cocok di seluruh pohon.
- Arahkan kursor ke node mana pun untuk melihat JSONPath-nya dan menyalin lokasi tepat sebuah nilai bersarang.
File besar tetap lancar berkat lazy loading — cabang hanya diurai saat Anda membukanya.
Alat Terkait
- Penampil pohon YAML Mengurai YAML menjadi pohon interaktif yang dapat dilipat. Mendukung YAML multi-dokumen, anchor & alias, pencarian, konversi JSON, dan drag & drop file .yaml/.yml.
- Pencari jalur JSON Navigasi data JSON bersarang dengan ekspresi jalur. Mendukung notasi titik, kurung, dan pengindeksan array dengan hasil instan dan daftar jalur.
- TSV ke JSON Konversi TSV ke JSON online gratis. Mendukung header, deteksi tipe otomatis, dan minifikasi. Semua di browser.
- JSON to CSV Konverter JSON ke CSV gratis online. Ratakan objek bersarang, pilih pembatas kustom, unduh instan. 100% di browser.
- Konverter CSV ke JSON Konversi CSV ke JSON online gratis. Mendukung pembatas kustom, objek berbasis header, dan deteksi tipe otomatis. Semua di browser.
- XML Beautifier XML Beautifier online gratis. Format dan percantik XML secara instan di browser Anda.
- Validator XML Validasi sintaks dan struktur XML secara instan. Deteksi kesalahan dengan nomor baris yang tepat dan pesan detail. Gratis, aman, berjalan di browser Anda.
- SQL ke JSON Konversi pernyataan SQL INSERT ke array atau objek JSON secara instan. Mendukung VALUES multi-baris, penanganan NULL, deteksi tipe otomatis, dan cetak cantik. 100% sisi klien, tanpa unggah.