Evaluator dan Pencari JSONPath
JSONPath Online adalah evaluator dan pencari path JSONPath yang membantu Anda menelusuri, mengueri, dan mengekstrak data dari dokumen JSON apa pun. Klik sebuah node pada pohon interaktif untuk mendapatkan JSONPath yang tepat, atau jalankan ekspresi JSONPath untuk menarik nilai yang cocok. Alat ini dibuat untuk developer yang bekerja dengan API, QA engineer yang menguji endpoint, dan siapa saja yang sedang menjelajahi JSON yang belum dikenal.
Alat ini bekerja dalam dua mode yang saling melengkapi. Cari Path mengubah pohon visual menjadi ekspresi path secara instan, sedangkan Evaluasi menjalankan kueri JSONPath pada data Anda dan menampilkan hasilnya secara real-time. Referensi sintaks bawaan, pengalih notasi, dan data contoh membuatnya cepat untuk menguji sintaks sebelum Anda menyalin path ke dalam kode.
Cara Menggunakan JSONPath Online
Muat JSON Anda
Tempel JSON ke panel input, klik Unggah File untuk memuat file .json, atau tekan Data Contoh untuk langsung mencobanya. Tampilan pohon mem-parsing JSON Anda secara otomatis, dan bilah status menunjukkan apakah JSON tersebut valid.
Cari sebuah path
Pada mode Cari Path, klik key, nilai, atau elemen array mana pun di pohon. JSONPath-nya muncul di bilah path di bawah — klik Salin Path untuk mengirimnya ke clipboard Anda.
Evaluasi sebuah ekspresi
Beralih ke mode Evaluasi, ketik ekspresi JSONPath seperti $.store.book[?(@.price < 10)], lalu tekan Enter atau klik Jalankan. Hasil yang cocok beserta jumlah item langsung muncul, siap untuk disalin.
Ganti notasi
Gunakan pengalih Dot / Bracket untuk bertukar antara $.store.book[0].title dan $['store']['book'][0]['title']. Buka Referensi Sintaks kapan pun Anda butuh pengingat sintaks.
Fitur
Tampilan Pohon Interaktif
JSON Anda dirender sebagai pohon yang bisa dilipat dengan badge jumlah key dan elemen, membuka dua level pertama secara default untuk tampilan yang seimbang.
Klik untuk Cari Path
Klik node mana pun untuk langsung mendapatkan ekspresi JSONPath-nya, yang diperbarui secara real-time saat Anda menelusuri struktur.
Evaluator JSONPath
Jalankan kueri JSONPath pada data Anda dan lihat hasil yang cocok seketika, lengkap dengan jumlah item yang terdeteksi.
Filter & Wildcard
Mendukung ekspresi filter seperti [?(@.price < 10)], wildcard *, dan operator perbandingan ==, !=, <, <=, >, >=.
Pencarian Rekursif & Potong Array
Gunakan operator .. untuk menemukan key di kedalaman mana pun, plus potong array [start:end:step] dan indeks negatif seperti [-1].
Notasi Dot & Bracket
Beralih antara notasi dot yang ringkas dan notasi bracket yang menangani key dengan spasi atau karakter khusus.
Tipe Berkode Warna
Objek, array, string, number, boolean, dan null masing-masing mendapat warna berbeda agar Anda bisa membaca struktur sekilas.
Referensi Sintaks JSONPath
Buka panel referensi bawaan untuk ekspresi JSONPath umum beserta fungsinya, tepat ketika Anda butuh pengingat sintaks.
Buka & Tutup
Buka semua atau tutup semua node dalam satu klik untuk bergerak cepat menelusuri JSON yang besar atau bersarang dalam.
Unggah & Data Contoh
Muat file .json dari perangkat Anda atau gunakan JSON contoh bawaan untuk mulai menjelajah dalam hitungan detik.
Salin Path & Hasil
Salin path yang ditemukan atau hasil evaluasi mana pun ke clipboard Anda hanya dengan satu klik.
Validasi Langsung & Statistik
Indikator status menandai JSON yang valid atau tidak valid dan menampilkan jumlah baris, ukuran, serta total key saat Anda mengetik.
Sepenuhnya di Sisi Klien
Semuanya berjalan di browser Anda tanpa unggahan, jadi JSON Anda tetap privat dan tetap berfungsi bahkan saat offline.
Pertanyaan yang Sering Diajukan
Apa itu JSONPath?
JSONPath adalah bahasa kueri untuk JSON, mirip seperti XPath untuk XML. Sebuah ekspresi selalu diawali dengan $ (root) dan menggunakan dot atau bracket untuk menelusuri lebih dalam. Misalnya, $.store.book[0].title menunjuk ke judul buku pertama dalam objek store.
Bagaimana cara menemukan path sebuah nilai di JSON?
Tempel JSON Anda, tetap di mode Cari Path, lalu klik nilainya di tampilan pohon. JSONPath-nya muncul di bilah path di bawah, dan tombol Salin Path langsung menyalinnya ke clipboard Anda — tanpa perlu menulis ekspresi secara manual.
Apa beda notasi dot dan bracket?
Notasi dot ($.store.name) lebih pendek dan mudah dibaca tetapi hanya berfungsi untuk key alfanumerik sederhana. Notasi bracket ($['store']['name']) berfungsi untuk key apa pun, termasuk yang mengandung spasi, tanda hubung, atau karakter khusus lainnya. Gunakan pengalih Dot / Bracket untuk beralih seketika.
Bagaimana cara memfilter elemen array?
Gunakan sintaks filter [?(@.field op value)]. Misalnya, $.products[?(@.price < 50)] mengembalikan produk yang lebih murah dari 50, $.users[?(@.active == true)] mengembalikan pengguna aktif, dan $.items[?(@.category == 'electronics')] mencocokkan kategori tertentu. Operator yang didukung adalah ==, !=, <, <=, >, dan >=.
Apa fungsi operator ..?
Dot ganda (..) melakukan pencarian rekursif ke seluruh struktur. Misalnya, $..author menemukan setiap nilai di bawah key "author" tidak peduli sedalam apa pun ia bersarang.
Bisakah saya menggunakan indeks array negatif?
Bisa. $.array[-1] mengembalikan elemen terakhir, $.array[-2] elemen kedua dari belakang, dan seterusnya. Anda juga bisa memotong dengan langkah, seperti $.book[0:6:2] untuk mengambil setiap elemen kedua.
Apakah data JSON saya aman?
Aman. Seluruh parsing JSON dan evaluasi JSONPath berlangsung sepenuhnya di browser Anda menggunakan JavaScript. Tidak ada data yang dikirim ke server, dan tidak ada yang disimpan setelah Anda menutup halaman.
Berapa ukuran JSON maksimum yang didukung?
Tidak ada batas keras, tetapi file yang sangat besar (di atas sekitar 10 MB) dapat memperlambat browser karena proses render pohon. Untuk pengalaman paling lancar, jaga JSON Anda di kisaran beberapa megabita.
Belum ada komentar. Jadilah yang pertama berkomentar!