ToolDeck

JSON Pretty Print

Форматування JSON з налаштованими відступами для зручного читання

Спробувати приклад

Ввід

Форматований вивід

Працює локально · Безпечно вставляти секрети
Форматований JSON з'явиться тут…
Також спробуйте:JSON Formatter & BeautifierJSON ValidatorJSON DiffJSON MinifierJSON to YAMLJSON to CSVJSON to TypeScriptJSON to C# ClassJSON to Go StructJSON to PythonJSON to JavaJSON to Dart

Що таке JSON Pretty Print?

JSON pretty print перетворює компактний, важкочитаємий JSON на акуратно структурований багаторядковий формат. Поки машини без проблем обробляють однорядковий JSON, людям потрібна структура — візуальна ієрархія, вирівняні дужки і послідовні відступи — щоб швидко розуміти складні дані.

Before · json
After · json
{"user":"alice","role":"admin","permissions":["read","write"],"active":true,"lastLogin":1717200000}
{
  "user": "alice",
  "role": "admin",
  "permissions": [
    "read",
    "write"
  ],
  "active": true,
  "lastLogin": 1717200000
}

Навіщо форматувати JSON?

Сирий JSON з API, баз даних і лог-файлів часто мінімізований для економії трафіку. Pretty print відновлює читабельну структуру, необхідну для налагодження, перевірки та розуміння даних.

🔍
Швидше налагодження
Знаходьте відсутні поля, неправильні значення та структурні помилки за секунди замість того, щоб аналізувати стіну тексту символ за символом.
👥
Чіткіші код-рев'ю
Перевіряти зміни у JSON-конфігах в pull request набагато простіше з правильними відступами — рев'юери можуть зосередитись на тому, що змінилось.
🔌
Інспекція API
При вивченні нового API форматовані відповіді дозволяють зрозуміти модель даних і структуру вкладеності з першого погляду.
📝
Документація і обмін
Форматований JSON готовий до вставки в документи, вікі, тікети і Slack — нікому не потрібно розбирати його подумки.

Вибір відступу

Обидва варіанти — 2 і 4 пробіли — широко використовуються. Правильний вибір зазвичай визначається стайл-гайдом команди або особистими уподобаннями.

2 пробіли
Найпопулярніший варіант у JavaScript- і JSON-спільнотах. Файли залишаються компактними і читабельними. Використовується в npm, ESLint та більшості JS-стайл-гайдів.
4 пробіли
Поширений у Python-, Java- і C#-проєктах. Забезпечує більше візуального простору, часто переважає для глибоко вкладених структур.

Типові сценарії використання

Налагодження відповідей API
Вставте сирий API-відповідь і миттєво побачте повну структуру даних, вкладені об'єкти та вміст масивів у читабельному вигляді.
Читання конфігів
Конфігурація, що зберігається у мінімізованому JSON, стає тривіальною для читання і редагування після форматування.
Аналіз логів
Структуровані логи часто містять JSON-дані. Форматування окремих записів значно пришвидшує пошук першопричини.
Документація для розробників
Чіткі, відступлені приклади JSON у документації API допомагають розробникам одразу зрозуміти структуру запитів і відповідей.
Дослідження даних
При роботі з незнайомим датасетом pretty print розкриває повну схему — поля, типи і вкладеність — без читання документації.
Тестування і QA
Порівнювати очікуваний і фактичний JSON у провалених тестах набагато простіше з послідовними відступами і поряно-рядковою структурою.

Pretty Print у терміналі

Браузерний інструмент не завжди потрібен. Ці команди форматують JSON прямо у терміналі без додаткових встановлень.

Python
echo '{"a":1}' | python3 -m json.tool
Node.js
node -e "console.log(JSON.stringify(JSON.parse(require('fs').readFileSync('/dev/stdin','utf8')),null,2))"
CLI (jq)
cat data.json | jq .
curl + jq
curl -s https://api.example.com/data | jq .

Поширені запитання

What is JSON pretty printing?
JSON pretty printing (also called JSON formatting or JSON beautifying) converts compact, minified JSON into a human-readable layout with consistent indentation and line breaks. It makes nested structures, arrays, and key-value pairs easy to scan and debug.
Чи змінює Pretty Print дані?
Ні. Додаються лише пробільні символи — дані, ключі, значення і порядок не змінюються. Форматований JSON семантично ідентичний оригіналу.
Що краще: 2 чи 4 пробіли?
Жоден варіант об'єктивно не кращий. 2 пробіли компактніші і є стандартом у багатьох JavaScript-інструментах. 4 пробіли дають більше візуального розділення. Використовуйте те, що вказує стайл-гайд вашої команди.
Чи можна форматувати невалідний JSON?
Ні — вхідні дані спочатку мають бути валідним JSON. Якщо є кінцеві коми, одинарні лапки або коментарі (JSONC/JSON5), спочатку приведіть їх до стандартного JSON.
Як відформатувати JSON у DevTools браузера?
У Chrome/Firefox DevTools натисніть кнопку {} внизу панелі відповіді мережі для автоформатування. Також можна виконати JSON.stringify(obj, null, 2) у консолі для форматування будь-якого JavaScript-об'єкта.

Посібники з мов

Bash JSON Viewer — jless & JQ_COLORS

Схожі інструменти

JSON Formatter & BeautifierФорматування та прикраса JSON з підсвіткою синтаксисуJSON ValidatorПеревірка синтаксису та структури JSONJSON DiffПорівняння двох об'єктів JSON та виділення відмінностейJSON MinifierМінімізація та стиснення JSON шляхом видалення пробілівJSON to YAMLКонвертація JSON у формат YAMLJSON to CSVКонвертація JSON-масиву у формат CSVJSON to TypeScriptГенерація TypeScript-інтерфейсів з JSONJSON to C# ClassГенерація класів C# з JSONJSON to Go StructГенерація структур Go з JSONJSON to PythonГенерація Python dataclasses з JSONJSON to JavaГенерація класів Java POJO з JSONJSON to DartГенерація класів Dart з JSON з методами fromJson та toJson