JSON Path Finder
Paste JSON data, explore the tree structure, and click on any node to get the JSONPath expression.
What is JSONPath?
JSONPath is a query language for JSON, similar to XPath for XML. It allows you to select and extract data from JSON documents using path expressions like $.store.products[0].name. The $ symbol represents the root of the JSON document.
JSONPath Syntax
- -
$— Root object - -
.key— Child property - -
[0]— Array index - -
["key"]— Bracket notation for special keys
How to Find JSON Paths Online
- 1. Paste your JSON data into the left panel, or click Load Sample to try an example.
- 2. The JSON is automatically parsed into an interactive tree view on the right.
- 3. Click on any node in the tree to see its JSONPath expression in the path bar above.
- 4. Click Copy Path to copy the JSONPath expression to your clipboard.
Frequently Asked Questions
What is the $ symbol in JSONPath?
The $ symbol represents the root of the JSON document, similar to / in file paths. Every JSONPath expression starts with $. For example, $.name selects the "name" property of the root object.
How are array elements referenced in JSONPath?
Array elements use bracket notation with zero-based indices. For example, $.items[0] selects the first element, $.items[1] the second, and so on. You can also use negative indices in some implementations.
Can I use these paths in JavaScript?
The dot-notation paths (like $.store.name) map directly to JavaScript property access: data.store.name. For bracket notation paths with special characters, use data["special-key"]. Many JSONPath libraries (like jsonpath-plus) also support these expressions directly.
Is my JSON data sent to a server?
No. All parsing and tree building runs entirely in your browser using JavaScript. Your JSON data is never uploaded, stored, or processed on any server.