MyWebUtils
JSON Filter / Path Extractor
Paste JSON, then extract values using dot/bracket notation. Use Multi mode to extract several paths at once.
Press Enter to apply
Paste JSON or load a sample to get started.
About the JSON Filter & Path Extractor

What is a JSON Path?

A JSON Path is a string expression that lets you reach into a JSON document and pull out a specific piece of data. Think of it like a file path, but for your data — instead of navigating directories, you're navigating through nested objects and arrays to get exactly the value you're after.

Why is This Tool Useful?

Large, complex JSON from APIs or databases can be overwhelming to work with. Hunting for a specific field by eye is tedious and error-prone. This tool cuts that work down dramatically.

  • Need a user's city buried three levels deep? A path like user.address.city pulls it out instantly, no code required. It's the kind of thing that saves you from writing a throwaway script just to inspect a value.
  • When you're testing an API and want to confirm a specific field exists and has the right value, this is the fastest way to check. No need to scan the whole response.
  • Got a large JSON blob from a service you've never worked with before? Query different paths and see what they return — it's a quick way to understand the structure without having to read the whole thing top to bottom.
  • It's also a good way to practice path syntax. The tool supports both dot-notation (object.key) and bracket-notation for array access (array[0]), so you can try different expressions and immediately see what they match.

How to Use the Extractor

  • Paste your JSON into the input area on the left, or pick one of the sample options from the "Load Sample" dropdown — there are real-world examples like a User Profile, Product Listing, or GitHub API response that are good for getting oriented.
  • Once valid JSON is loaded, a Paths Explorer panel appears below the input. It automatically scans your JSON and lists every available path as a clickable badge. In Single mode, clicking a path immediately shows its value — you don't have to type anything.
  • In Single mode, you can also type a path directly into the "Filter Key / Path" field and press Enter or click Apply. Dot notation works for object properties (e.g., data.user.name), bracket notation for array elements (e.g., items[1].price), and you can combine both for complex structures.
  • Toggle to Multi mode when you want to extract several fields at once. Enter one path per line, and the result comes back as a single combined object — useful when you need to pull a handful of specific fields out of a large API response without the rest of the noise.
  • The extracted result is displayed with syntax highlighting, and there's a Copy button to grab it as formatted JSON whenever you need it.

More Data Tools Tools