JSON Path Finder Online
Click any JSON node to generate its JSONPath expression instantly.
Processed locally in your browserFind the JSONPath expression for any value in your JSON document by clicking on it in the interactive tree view.
JSON TreeClick any node to copy its path
Paste JSON on the left to see the tree.
Unlock the full toolkit
Batch processing, no ads, higher limits, and API access.
How to Use
Find the JSONPath expression for any value in your JSON document by clicking on it in the interactive tree view.
- Paste your JSON. Enter a JSON object or array into the input field. You can also load one of the built-in sample documents to get started quickly.
- Explore the tree. The tool renders your JSON as a collapsible, color-coded tree. Objects, arrays, strings, numbers, booleans, and null values each have a distinct visual indicator.
- Click any node. Click on a value in the tree and the tool instantly generates the full JSONPath expression — for example, $.store.books[0].title — and displays it at the top.
- Copy the path. Use the copy button to grab the JSONPath expression for use in your code, jq queries, API filters, or test assertions.
JSONPath works like XPath for XML — it lets you pinpoint any value in a complex nested structure without manually counting brackets. This tool runs entirely in your browser and never sends your data to a server.
Features
- ✓Interactive JSON tree with clickable nodes
- ✓Auto-generate JSONPath expressions
- ✓Real-time path evaluation
- ✓Visual type indicators for values
- ✓Sample JSON data for quick testing
Frequently Asked Questions
- What is JSONPath?
- JSONPath is a query language for JSON, similar to XPath for XML. It allows you to navigate and extract data from JSON structures using path expressions like $.store.books[0].title. The $ symbol represents the root element.
- How do I find the path to a JSON value?
- Paste your JSON into the input field, then click on any value in the interactive tree view. The tool will automatically generate the complete JSONPath expression for that node, which you can copy to your clipboard.
- What does the $ symbol mean in JSONPath?
- The $ symbol represents the root element of the JSON document. All JSONPath expressions start with $. For example, $.name refers to the "name" property at the root level, and $.items[0] refers to the first element of the "items" array.
- How do I access array elements in JSONPath?
- Array elements are accessed using bracket notation with zero-based indices. For example, $.books[0] gets the first book, $.books[2] gets the third. You can also use $.books[*] to select all elements in the array.
- Can I use JSONPath with nested objects?
- Yes, JSONPath supports deeply nested structures. Use dot notation to traverse objects: $.store.metadata.lastUpdated. For arrays within objects, combine both: $.store.books[1].author. The tree view makes it easy to find paths in complex nested structures.