JSON-форматтер онлайн — форматирование, дерево, таблица и исправление JSON

JSON — текст, который одинаково понимают все языки

JSON (JavaScript Object Notation) — текстовый формат данных. В нём отвечают API и сервисы аналитики, хранятся настройки программ (package.json, composer.json), выгрузки из CRM и микроразметка Schema.org на сайтах. Правила формата описаны в стандарте RFC 8259.

{
  "name": "Анна",
  "age": 31,
  "tags": ["seo", "аналитика"],
  "manager": null
}

Шесть видов значений

Объект в фигурных скобках — пары «ключ: значение». Массив в квадратных скобках — список. Кроме них бывают строка в двойных кавычках, число, true и false и пустое значение null. Больше в JSON ничего нет: ни дат, ни комментариев, ни undefined.

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

Сервер обычно присылает JSON одной длинной строкой: так короче. Человеку такой текст читать трудно, поэтому форматирование (его ещё называют beautify или pretty print) расставляет переносы строк и отступы по уровням вложенности. Сжатие (minify) делает обратное — убирает все лишние пробелы. Данные при этом не меняются: это один и тот же JSON в двух видах.

Форматтер и валидатор

Форматтер делает JSON удобным для чтения и правки и проверяет синтаксис: скобки, кавычки, запятые. JSON-валидатор отвечает на следующий вопрос — те ли в JSON данные: нужные поля, верные типы, допустимые значения. Для этого он сверяет документ с описанием структуры — JSON Schema. Перейти из одного инструмента в другой можно через меню ⋯, JSON перенесётся сам.

Длинные числа и нули после запятой не меняются

Инструменты, которые разбирают JSON стандартной функцией JSON.parse, незаметно портят данные: число 12345678901234567890 превращается в 12345678901234567000, а 1.50 — в 1.5. Для идентификаторов заказов и пользователей это критично. Здесь JSON разбирается собственным строгим парсером, и каждое значение выводится ровно так, как было записано. Числа больше 2⁵³ дополнительно отмечаются: многие программы прочитают их неточно.

Ошибка — с номером строки и подсказкой

JSON проверяется при каждом изменении. Если он невалиден, под редактором появятся строка и столбец, объяснение по-русски и совет, как исправить, а в тексте место ошибки подчёркнуто красным. Для незакрытой скобки отмечено и то место, где её открыли. Отдельно предупреждаем о повторяющихся ключах: по стандарту они недопустимы, а большинство программ молча оставляет последнее значение.

Что исправляется одной кнопкой

Лишние запятые перед } и ], одинарные и «ёлочные» кавычки, ключи без кавычек, комментарии //, /* */ и #, значения True, None, NaN и undefined, пропущенные запятые и двоеточия, незакрытые скобки и строки, текст до и после JSON, экранированный JSON вида {\"a\":1} и JSON Lines. После исправления появляется список всех правок — ничего не меняется молча, а кнопка «Отменить» возвращает исходный текст.

Редактор с подсветкой и сворачиванием

Это Monaco — тот же редактор, что в VS Code. Ключи, строки и числа подсвечены разными цветами, любой объект и массив сворачивается стрелкой у номера строки, работают поиск Ctrl+F, отмена Ctrl+Z и форматирование Shift+Alt+F. Если вставить JSON одной строкой, он отформатируется сразу.

Структура и путь к любому полю

В виде «Дерево» у каждого объекта и массива видно число элементов, а вложенные уровни раскрываются по щелчку. Выберите узел — над деревом появится его путь, например $.items[0].price. Путь можно скопировать для JSONPath, jq или кода, а кнопка «Показать в тексте» выделит это место в редакторе.

JSON в таблицу, Excel и CSV

Если в JSON есть массив объектов — список заказов, товаров, строк отчёта, — вид «Таблица» покажет его строками и столбцами. Вложенные поля становятся столбцами вида customer.city. Кнопка «Копировать для Excel» кладёт таблицу в буфер: вставьте её в Excel или Google Таблицы. «Скачать CSV» сохраняет файл с разделителем «;» и кодировкой UTF-8 с меткой BOM — русский Excel открывает его без кракозябр.