Embed this tool on your site
<iframe src="https://devtoolbox.dedyn.io/tools/json-path-finder" width="100%" height="700" frameborder="0" title="JSON Path Finder"></iframe>

JSON Path Finder

Paste JSON and click any node to find its path. Supports dot notation and bracket notation. Everything runs in your browser.

 
Select a node to see its value...
Parse JSON to see the interactive tree...

About JSON Path Finder

JSON Path Finder helps you visually navigate complex JSON structures and extract the exact path to any value. This is especially useful when working with deeply nested API responses, configuration files, or data transformations.

Simply paste your JSON, and the tool renders an interactive tree. Click any node to instantly get its JSONPath expression in either dot notation (e.g., $.store.book[0].title) or bracket notation (e.g., $['store']['book'][0]['title']).

Features

Frequently Asked Questions

What is a JSON path?
A JSON path is a string expression that identifies a specific value within a JSON document. It uses dot notation ($.user.name) or bracket notation ($['user']['name']) to navigate through nested objects and arrays to locate data.
What's the difference between dot and bracket notation?
Dot notation ($.user.name) is more concise and readable for simple keys. Bracket notation ($['user']['name']) is required for keys containing spaces, special characters, or when using array indices like $['items'][0].
How do I access array elements in JSON paths?
Use bracket notation with a zero-based index: $.items[0] gets the first element, $.items[1] the second, etc. Some implementations support wildcards ($.items[*]) to select all elements or filters ($.items[?(@.price > 10)]).
Keyboard Shortcuts
Ctrl+Enter Run / Format
Ctrl+Shift+C Copy output
Ctrl+L Clear