§

Вставте JSON, який хочете форматувати, перевіряти або мінімізувати.

Розбір, валідація та форматування — все виконується у вашому браузері через нативний JSON-парсер.
§

Валідація

Вставте або введіть JSON для перевірки.
§

Output

text

Форматування та валідація JSON лежить в основі практично кожного робочого процесу українських розробників: відповіді GraphQL, шаблони CloudFormation у форматі JSON, документи IAM-політик, виводи GitHub Actions, оброблені через `jq`, та dbt-маніфести, що команди Snowflake і BigQuery зберігають у системі контролю версій. Фінтех-команди, що розробляють відповідно до вимог API, регулярно форматують JSON-навантаження для перегляду. Цей форматер приймає вставлений текст, перевіряє суворий RFC 8259 і вказує рядок та стовпець, де зупинився розбір, — все у браузері, тому конфіденційні дані ніколи не потрапляють на сторонній сервер.

Що таке форматування JSON?

JSON (JavaScript Object Notation) — це легкий текстовий формат обміну даними, визначений у RFC 8259 та ECMA-404. JSON-документ — це дерево з шести типів значень: object, array, string, number, boolean та null. Форматування додає пробіли, щоб люди могли читати це дерево; мінімізація прибирає пробіли, щоб машини могли швидше передавати дані.

Як працює форматування JSON?

Ваше введення обробляється повністю у вашому браузері за допомогою вбудованих функцій JSON.parse та JSON.stringify. Основні кроки:

  1. Ваше введення зчитується з текстової області та позбавляється початкових і кінцевих пробілів.
  2. Браузер розбирає його за допомогою JSON.parse. Якщо введення не є валідним JSON, парсер кидає SyntaxError, що перехоплюється та відображається з рядком і стовпцем, де він зупинився.
  3. Коли введення валідне, розібране значення повторно виводиться за допомогою JSON.stringify(value, null, indent), де indent — вибраний відступ (2 пробіли, 4 пробіли або символ табуляції).
  4. Для мінімізації JSON.stringify(value) викликається без аргументу відступу, генеруючи найкоротшу валідну форму того самого значення без незначних пробілів.
  5. Вивід записується у текстову область лише для читання, а панель стану повідомляє або Валідний JSON, або точну помилку розбору, щоб ви могли виправити джерело.

Чому варто форматувати JSON цим інструментом?

  • Конфіденційність: кожен прохід розбору, форматування та мінімізації відбувається у вашому браузері. JSON ніколи не потрапляє на наші сервери.
  • Миттєва валідація: зайві коми, ключі без лапок, одинарні лапки та завершальні коми повідомляються з точною підказкою рядка та стовпця, щоб ви могли одразу знайти помилку.
  • Вивід, готовий до рев'ю: JSON з красивим друком та однорідними відступами дає чисті діфи при перегляді коду та зручні для читання файли конфігурації.
  • Мінімізація для продакшну: видалення незначних пробілів зменшує API-навантаження, файли маніфесту та вбудовані фікстури перед відправкою.

Які поширені застосування форматування JSON?

Читання та запис JSON трапляється у веб-розробці та роботі з інструментами:

  • Налагодження API: вставка сирої відповіді від curl або панелі мережі для підтвердження структури, виявлення помилки у ключі або пошуку відсутньої дужки.
  • Очищення конфігів: повторне форматування вручну відредагованих package.json, tsconfig.json або CI-маніфестів, щоб вони пройшли рев'ю та лінтери.
  • Читання логів: переформатування компактних рядків логу application/json, щоб кожне поле стояло під наступним, а потім повторна мінімізація перед вставкою у тікет.

Як виглядає приклад форматування JSON?

Вставте {"id":42,"name":"Ada Lovelace","email":"ada@example.com","roles":["admin","engineer"]} і натисніть ФОРМАТУВАТИ з відступом 2 пробіли — отримаєте дев'ять рядків, кожне поле об'єкта та кожен елемент масиву на окремому рядку. Натисніть МІНІМІЗУВАТИ на відформатованому тексті — і він згорнеться назад до тієї самої компактної рядки, байт у байт.

Цей JSON-форматер розбирає тим самим рушієм, що використовують Node.js, Deno та ваш браузер, і генерує вивід, який можна прямо вставити у код, конфіги або логи.