Filtering
The filter panel lets you focus on specific parts of a large JSON document. Open it from the Filter button in the toolbar.
Filter modes
| Mode | Description | Example |
|---|---|---|
| Key | Match against object key names | name matches all keys named “name” |
| Value | Match against values | active matches values containing “active” |
| Path | Match by JSON path pattern | $.users[*].email |
| JMESPath | Advanced query expressions | users[?age > 18].name |
| JavaScript | JavaScript filter function | item.price > 100 |
Display modes
After entering a filter expression, choose how results are displayed:
Highlight mode
Matching paths are highlighted in the tree with a visual indicator. Non-matching paths remain visible but dimmed. This is non-destructive — your data is unchanged.
Filter mode
Non-matching paths are hidden from the tree view. Only matching nodes and their parent paths are visible. The status bar shows the count: e.g., “Showing 12 of 350 paths”.
Filtering is view-only — it never modifies your data. Clearing the filter restores the full tree.
Filter by key
Matches object keys containing your search text.
Filter: email
Matches: all nodes where the key name contains "email"
(e.g., "email", "emailAddress", "primaryEmail")Filter by value
Matches nodes where the value (as a string) contains your search text.
Filter: admin
Matches: all values containing "admin"
(e.g., "admin", "administrator", "admin@example.com")Filter by path
Uses JSONPath-style patterns to match specific locations in the document.
Filter: $.users[*].name
Matches: the "name" field of every item in the "users" arrayFilter by JMESPath
Uses JMESPath expressions for powerful queries.
Filter: users[?age > `18`].name
Matches: names of users where age is greater than 18Filter by JavaScript
Write a JavaScript predicate function. The variable item refers to each array element, and index is its position.
Filter: item.price > 100 && item.inStock
Matches: array items where price > 100 and inStock is trueJavaScript filter mode is only available when the root JSON is an array. It evaluates the expression for each array item.
Match navigation
When matches are found, use the Previous and Next buttons (or keyboard shortcuts) to cycle through them. The tree auto-expands and scrolls to reveal each match.