Skip to Content

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

ModeDescriptionExample
KeyMatch against object key namesname matches all keys named “name”
ValueMatch against valuesactive matches values containing “active”
PathMatch by JSON path pattern$.users[*].email
JMESPathAdvanced query expressionsusers[?age > 18].name
JavaScriptJavaScript filter functionitem.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" array

Filter by JMESPath

Uses JMESPath  expressions for powerful queries.

Filter: users[?age > `18`].name Matches: names of users where age is greater than 18

Filter 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 true

JavaScript 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.

Last updated on