Що таке форматування JSON?
JSON (JavaScript Object Notation) — це легкий текстовий формат обміну даними, визначений у RFC 8259 та ECMA-404. JSON-документ — це дерево з шести типів значень: object, array, string, number, boolean та null. Форматування додає пробіли, щоб люди могли читати це дерево; мінімізація прибирає пробіли, щоб машини могли швидше передавати дані.
Як працює форматування JSON?
Ваше введення обробляється повністю у вашому браузері за допомогою вбудованих функцій JSON.parse та JSON.stringify. Основні кроки:
- Ваше введення зчитується з текстової області та позбавляється початкових і кінцевих пробілів.
- Браузер розбирає його за допомогою
JSON.parse. Якщо введення не є валідним JSON, парсер кидаєSyntaxError, що перехоплюється та відображається з рядком і стовпцем, де він зупинився. - Коли введення валідне, розібране значення повторно виводиться за допомогою
JSON.stringify(value, null, indent), деindent— вибраний відступ (2 пробіли, 4 пробіли або символ табуляції). - Для мінімізації
JSON.stringify(value)викликається без аргументу відступу, генеруючи найкоротшу валідну форму того самого значення без незначних пробілів. - Вивід записується у текстову область лише для читання, а панель стану повідомляє або Валідний 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 та ваш браузер, і генерує вивід, який можна прямо вставити у код, конфіги або логи.