Paste a JSON document, write a JSONPath expression and inspect matching values, normalized JSONPath paths and JSON Pointers side by side. Filters run in the approved safe mode inside a worker.
JSONPath is useful when a response, log event or fixture is too nested to inspect by eye. This playground makes the query, the selected values and the exact result addresses visible in one place.
The JSON text and query stay in the browser worker. The route does not call a backend, import URLs, persist payloads or send custom analytics events with user input.
Run a controlled JSONPath query and compare values, paths and JSON Pointers.
Select title values from an array with a simple wildcard.
Filters run with the approved safe evaluator. Native eval, callbacks and custom sandboxes are not exposed.
JSONPath implementations differ. Verify target-runtime behavior before using a path in production automation.
"Sayings of the Century"$['store']['book'][0]['title']/store/book/0/title"Sword of Honour"$['store']['book'][1]['title']/store/book/1/title"Moby Dick"$['store']['book'][2]['title']/store/book/2/title[
"Sayings of the Century",
"Sword of Honour",
"Moby Dick"
]Dot notation is compact for normal keys, bracket notation is safer for spaces and dashes, wildcards select collections, and recursive descent finds matching keys anywhere in the tree.
Values show what matched. JSONPath paths and JSON Pointers show exactly where the value came from, which is useful for tests, docs and debugging API responses.
The route uses safe filter evaluation inside a worker, caps input and displayed matches, and avoids native eval, custom sandboxes, network imports and payload persistence.
Use these when JSONPath is only one part of a larger data or configuration workflow.