Обработка
Локально · нулевая загрузка

JSON Path

JSONPath · Список всех путей · Извлечение узлов

Извлечение путей

Готово

Исходный ввод

                                
                            
Вывод разбора

                                
Фиксированная высота, длинный код прокручивается внутри

ABOUT

О JSON Path

Все пути сложного JSON или JSONPath (например $..price) для точного извлечения полей.

Помимо GraphQL JSONPath остаётся одним из лучших способов исследовать REST API. Сначала все пути — индекс; затем expression — изучение нового API за минуты, не часы.

DEEP DIVE

Подробнее о JSON Path

JSONPath — XPath для JSON: $..price находит все price, $.store.book[*] — все элементы array. JSONSort поддерживает JSONPath и пустой ввод для списка всех путей.

Незнакомый API или огромный third-party JSON — сначала все пути быстрее, чем сканировать сотни строк.

Реализации JSONPath различаются (filters, recursive descent). JSONSort — распространённое подмножество: $..field, slices, filters — 90% daily cases. Сложные expressions проверяйте на малом sample.

FEATURES

Ключевые возможности

01

Перечисление всех путей

Пустой JSONPath — автоматический список всех leaf paths.

02

JSONPath query

$, .., [], *, ?() и другие стандартные JSONPath expressions.

03

Filter expressions

?(@.field > 10) и подобные условия для array.

04

Форматированный результат

Извлечённое — JSON для копирования.

05

Проверка синтаксиса

Невалидный JSON — ошибка с номером строки.

06

Локальное выполнение

Query в браузере — данные не загружаются.

07

Копирование путей

Список путей — копирование для кода или docs.

08

Множественный результат

Несколько узлов — JSON array для дальнейшей обработки.

HOW TO USE

Шаги использования

  1. 1

    Вставьте JSON-данные

  2. 2

    Пусто — все пути; или введите JSONPath

  3. 3

    Просмотрите результат и скопируйте

  4. 4

    В панели опций: отступ, JSON5, сортировка и др.

  5. 5

    Копируйте результат или продолжите с Diff / извлечением путей

WORKFLOW

Типичный workflow

Полный цикл от импорта до экспорта — единообразное использование JSON Path в команде.

1

Импорт JSON

Вставьте API response или config; убедитесь в валидном синтаксисе.

2

Обзор всех путей

Пустой JSONPath — все leaf paths, mental model структуры.

3

Напишите expression

$..target или filter expression — результат извлечения.

4

В код

Путь в lodash get, JMESPath или field docs.

USE CASES

Сценарии использования

Frontend

Frontend-разработка

Исследование unknown API — data.user.list и пути доступа.

Backend

Backend-разработка

Проверка serialized JSON на ожидаемые field paths.

Данные

Data analyst

Извлечение metric fields из nested JSON.

Тестирование

Инженер по тестированию

Подтверждение наличия/отсутствия JSONPath в response.

QA

QA automation

Regression: ключевые JSONPath существуют, типы не изменились.

Scraper

Scraper / collection

Third-party API response — пути для правил scraper.

TIPS

Советы

  • Новый API: шаг 1 — пустой path box, обзор всех путей.
  • $..fieldName — recursive search fieldName на всех уровнях.
  • Array filter ?(@.price < 10) — быстрая выборка элементов.
  • Результат → code generation → TypeScript types.
  • Много paths — format + tree view нагляднее списка.
  • JSONPath case-sensitive — имена полей как в JSON.
  • $.store.book[*].author — классический пример проверки syntax.
  • В filters числа без кавычек: ?(@.price < 10).
  • Экспорт path list — appendix «field index» в API docs.
  • Слишком длинные paths — backend flatten или GraphQL на frontend.

LOCAL VS ONLINE

Локально vs онлайн-инструменты

JSONSort — чистый frontend: почему локальные инструменты лучше для dev-данных.

Критерий
JSONSort локально
Традиционные онлайн-инструменты
Конфиденциальность
Полностью локально, нулевая загрузка
Часто требуется загрузка на сервер
Скорость отклика
Миллисекунды, без сетевой задержки
Зависит от сети и нагрузки сервера
Offline
PWA offline
Обычно нужен интернет
Чувствительные данные
JWT/конфиги/логи — без опасений
Риск утечки
Реклама и трекинг
Без рекламы и трекинга
Часто реклама или Analytics
Drag-and-drop файлов
Прямой импорт локальных файлов
Лимиты размера загрузки
Связка инструментов
19 инструментов на одной странице
Обычно отдельный сайт на инструмент
Открытый код
Статические страницы — можно проверить исходники
Закрытый сервер — не аудируется

TROUBLESHOOTING

Типичные ошибки и решения

Частые проблемы и рекомендации — меньше проб и ошибок.

Слишком много paths

Совет:Сначала tree view top-level, затем targeted query sub-tree.

Ошибка filter expression

Совет:Упростите expression, добавляйте условия постепенно; @ — current node.

Array vs object

Совет:[0] vs .field — full path list для типа узла.

Special character keys

Совет:Пробелы/символы в ключах — ["key name"] bracket notation.

FAQ

Частые вопросы

Какой JSONPath syntax поддерживается?

$, .., [], *, ?(), @ и другие распространённые expressions.

Разница path list и query result?

Пустой ввод — все paths; expression — values matching nodes.

Root — JSON array?

Да. Root array — paths $[0], $[1] и т.д.

Expression возвращает пусто?

Case field names, index bounds, .. recursion level.

Можно изменить values в JSON?

Сейчас read-only extract. Edit JSON и re-query.

Данные уходят на сервер?

Нет. Все инструменты JSONSort работают локально в браузере.

Нужна регистрация или установка?

Нет. Откройте страницу — без аккаунта и клиента; поддержка PWA offline.

Какой максимальный размер файла?

Зависит от памяти браузера; обычно несколько MB. Огромные — разбейте или используйте merge/очистку.

Скопировано в буфер обмена