← Все гайды

Форматирование JSON онлайн: красиво и в одну строку

· 2 мин чтения

JSON

Как отформатировать JSON с отступами для чтения или, наоборот, сжать в одну строку для передачи в запросе — и сразу увидеть ошибки синтаксиса.

Ответ API или лог часто приходит одной длинной строкой, которую невозможно читать. Редактор JSON переформатирует такой текст в аккуратную структуру с отступами — и обратно, если документ нужно вставить в запрос или переменную окружения.

Как отформатировать JSON

  1. Откройте песочницу JSON и вставьте текст.
  2. Выберите Файл → Форматировать. Документ получит отступы в два пробела, каждый ключ — на своей строке.
  3. Чтобы сжать документ обратно, выберите Файл → Сжать в одну строку: пробелы и переносы между элементами удаляются, значения не меняются.
Отформатированный JSON в редакторе и дерево справа
После «Форматировать» документ читается как дерево; справа — дерево с типами значений

Что ещё помогает читать большой JSON

  • Сворачивание блоков: стрелки слева от номеров строк сворачивают объекты и массивы.
  • Дерево справа показывает структуру с типами значений — удобно, когда вложенность глубокая. Подробнее — в гайде «Просмотр JSON в виде дерева».
  • Поиск: Ctrl+F внутри редактора (Cmd+F на macOS).

Почему не форматируется

Форматирование и сжатие работают только для корректного JSON: строгий синтаксис не допускает комментариев, висящих запятых, одинарных кавычек и значений вроде NaN или undefined. Ошибки отмечаются в строках, а над редактором видно их количество. Исправьте первую ошибку — следующие часто исчезают сами, потому что были следствием первой.

Скачать результат

Файл → Скачать → JSON (.json) сохраняет документ в текущем виде — отформатированном или сжатом. Там же можно сразу получить YAML. Если вы вошли, документ можно сохранить в аккаунт: каждое сохранение с изменениями создаёт новую версию, к прежней можно вернуться.

Пример

Строка из лога:

{"id":"5f0c","status":"PAID","customer":{"name":"Иван","email":"ivan@example.ru"},"items":[{"sku":"A-1","qty":2}]}

После Форматировать:

{
  "id": "5f0c",
  "status": "PAID",
  "customer": {
    "name": "Иван",
    "email": "ivan@example.ru"
  },
  "items": [
    {
      "sku": "A-1",
      "qty": 2
    }
  ]
}

Вопросы и ответы

Меняется ли порядок ключей или значения? Нет. Форматирование меняет только пробелы и переносы строк; ключи остаются в исходном порядке, числа и строки — без изменений.

Можно ли отсортировать ключи по алфавиту? Нет — сортировка меняет документ, а не только его вид. Для сравнения двух ответов удобнее сохранить оба документа в аккаунт и сравнить версии.

JSON экранирован (внутри строки: "{\"id\":1}") — как его прочитать? Уберите внешние кавычки и экранирование обратных слешей (Ctrl+F, на macOS — Cmd+F, открывает панель поиска с полем «Заменить на»), затем отформатируйте результат.

Есть ли ограничение на размер? Редактор работает в браузере: документы в несколько мегабайт открываются нормально, на очень больших (десятки мегабайт) браузер начнёт заметно тормозить.