Просмотр JSON в виде дерева

Вставьте JSON и изучайте его как дерево, а не листайте скобки. Открывайте и закрывайте объекты и массивы, ищите ключ или значение, нажмите на узел — и получите его путь в JavaScript (например, $.orders[0].sku), JSON Pointer и само значение.

JSON

Поиск по ключам и значениям

Узлов: 19

Выбранный узел

Нажмите на узел дерева, чтобы увидеть его путь и значение.

Работает в браузере: всё, что вы вводите, никуда не отправляется.

Как пользоваться

Вставьте JSON в поле. Дерево появится сразу; при синтаксической ошибке будут указаны строка и столбец.
Нажимайте ▸ и ▾, чтобы открывать и закрывать объекты и массивы, или кнопки «Развернуть всё» и «Свернуть всё».
Введите текст в поиск — все ключи и значения, где он встречается, будут выделены.
Нажмите на узел: появятся путь JavaScript, JSON Pointer и значение, у каждого своя кнопка копирования.

Как это работает

Каждая строка дерева — один узел: ключ (или номер в массиве) и значение. У объектов показано число ключей, у массивов — число элементов, так что размер ветки виден до того, как её открыть. Строки показаны в кавычках, как в JSON.

Путь собирается из ключей от корня вниз. Ключ, который является допустимым именем в JavaScript, пишется через точку (.customer), любой другой — в квадратных скобках с кавычками ([“first-name”]), элементы массива — по номеру ([0]).

Пример

В примере заказа откройте items, затем первый элемент и нажмите на sku. Инструмент покажет:

путь JavaScript: $.items[0].sku
JSON Pointer: /items/0/sku
значение: "A-1"

Поиск true выделит customer.vip, а поиск подарок — первый элемент tags.

Советы

JSON Pointer нужен в операциях JSON Patch и в $ref схем JSON Schema, путь JavaScript — в коде и в инструментах вроде JSONPath.
Чтобы привести данные в порядок, отформатируйте их форматтером JSON или разверните в плоский вид.
Сверните всё и откройте только нужную ветку: длинные массивы так читать проще.

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

Чем путь JavaScript отличается от JSON Pointer?

Путь JavaScript — то, что вы пишете в коде: $.items[0].sku, а ключи, которые не являются простыми именами, — в скобках: $["first-name"]. JSON Pointer (RFC 6901) — стандартная строка для JSON Patch и JSON Schema: /items/0/sku, где ~ в ключе пишется как ~0, а / — как ~1. Указатель корня — пустая строка.

Где ищет поиск?

В ключах и в значениях строк, чисел, true, false и null, без учёта регистра. Каждое совпадение обводится рамкой, а его родительские узлы раскрываются.

Почему большой документ раскрывается только на два уровня?

Документы до 300 узлов раскрываются целиком, большие — на два уровня, чтобы страница не тормозила. Нужно всё — нажмите «Развернуть всё». Одновременно дерево показывает не больше 3000 строк.

Мой JSON куда-нибудь отправляется?

Нет. Разбор и дерево строит JavaScript в вашем браузере, ничего не загружается на сервер.

Большие числа показываются точно?

Числа читаются как числа JavaScript, поэтому целые больше 9 007 199 254 740 991 теряют точность, как и в JSON.parse. Если идентификаторы должны быть точными, храните их строками.

JSON форматтерКрасивый отступ, проверка и сжатие JSON с точным местом ошибки.

Ещё в разделе «Разработчикам»

Все инструменты раздела: Разработчикам ·Обновлено 4 ноября 2026 г.