Форматировщик и валидатор JSON

Что такое JSON?

// Format (pretty-print) JSON with 2-space indentation
const raw = '{"name":"Alice","age":30,"active":true}';
const parsed = JSON.parse(raw);        // parse string → object
const formatted = JSON.stringify(parsed, null, 2);
console.log(formatted);
// → {
//     "name": "Alice",
//     "age": 30,
//     "active": true
//   }

// Minify JSON (strip all whitespace)
const minified = JSON.stringify(parsed);
console.log(minified);
// → '{"name":"Alice","age":30,"active":true}'

Ключевые возможности

Примеры

{"status":200,"data":{"user":{"id":"usr_2x7kP9","name":"Alice Chen","email":"alice@example.com","roles":["admin","editor"],"lastLogin":"2026-03-12T08:30:00Z"},"meta":{"requestId":"req_abc123","timestamp":1741776600}}}

{"name":"my-app","version":"2.1.0","private":true,"scripts":{"dev":"next dev","build":"next build","start":"next start","lint":"eslint ."},"dependencies":{"react":"^18.2.0","next":"14.1.0"},"devDependencies":{"typescript":"^5.3.0","eslint":"^8.56.0"}}

[{"id":1,"product":"Laptop Pro","price":1299.99,"inStock":true,"tags":["electronics","computers"]},{"id":2,"product":"Wireless Mouse","price":29.99,"inStock":false,"tags":["electronics","accessories"]},{"id":3,"product":"USB-C Hub","price":49.99,"inStock":true,"tags":["electronics","accessories"]}]

{"database":{"host":"localhost","port":5432,"name":"mydb","pool":{"min":2,"max":10}},"cache":{"enabled":true,"ttl":3600,"provider":"redis"},"logging":{"level":"info","format":"json","outputs":["stdout","file"]}}

Как использовать

1. 1

   Вставьте JSON

   Введите или вставьте сырой JSON в поле ввода. Можно нажать «Загрузить пример», чтобы попробовать на образце.

2. 2

   Форматировать или минифицировать

   Нажмите «Форматировать JSON», чтобы получить отступы, или «Минифицировать JSON», чтобы сжать в одну строку.

3. 3

   Скопируйте результат

   Обработанный результат появится в области вывода. Нажмите «Скопировать», чтобы мгновенно поместить его в буфер обмена.

Типичные ошибки JSON

{"name": "Alice", "age": 30,}

{"name": "Alice", "age": 30}

{'name': 'Alice'}

{"name": "Alice"}

{name: "Alice"}

{"name": "Alice"}

{"name": "Alice" // user name}

{"name": "Alice"}

{"users": [{"name": "Alice"}

{"users": [{"name": "Alice"}]}

{"name": "Alice" "age": 30}

{"name": "Alice", "age": 30}

Типичные сценарии

Отладка ответов API

Форматирование минифицированных ответов API в читаемый JSON для быстрой отладки и просмотра.

Конфигурационные файлы

Проверка и улучшение читаемости конфигурационных файлов вроде package.json, tsconfig.json и .eslintrc.

Просмотр данных

Изучение и понимание данных JSON, экспортированных из БД, логов или сторонних сервисов.

Code review

Форматирование фрагментов JSON для более понятных diff и удобства сравнения при code review.

Документация

Подготовка аккуратно отформатированных примеров JSON для технической документации и руководств.

Миграция данных

Проверка структуры и синтаксиса JSON перед импортом данных в новые системы.

Технические детали

Соответствие RFC 8259

Полная поддержка стандартной спецификации JSON, включая Unicode и экранированные символы.

Обработка в браузере

Всё форматирование выполняется локально в браузере через нативные JSON.parse() и JSON.stringify().

Размер файлов

Обрабатывает файлы JSON до 10 МБ с настраиваемыми отступами (2 или 4 пробела).

Лучшие практики

Проверяйте перед использованием

Всегда проверяйте JSON-данные перед использованием в production, чтобы вовремя поймать ошибки синтаксиса.

Единые отступы

Используйте отступ в 2 пробела для удобочитаемости и меньшего размера файлов в системах контроля версий.

Минификация для production

Используйте минифицированный JSON в ответах API и конфигурациях, чтобы уменьшить трафик и время загрузки.

Часто задаваемые вопросы