Сегодня JSON буквально окружает нас: файлы настроек, ответы API, форматы дат — его находишь в самых разных местах. Неудивительно, что появилось столько инструментов, которые делают работу с JSON проще, удобнее и эффективнее.
HTG Wrapped 2025: 24 дня технологий
24 дня с нашими любимыми гаджетами и устройствами
Ваш браузер — для быстрого просмотра
Начнем с самого очевидного инструмента, который есть почти у каждого — это браузер. Поскольку большинство JSON-файлов приходят из интернета, их проще всего смотреть прямо в браузере.
В Google Chrome форматирование JSON довольно простое, но вполне аккуратное. Доступна функция «pretty print», с помощью которой данные выглядят структурированно и разборчиво:
Если базовых возможностей не хватает — советую установить расширение вроде JSON Viewer. Оно подсвечивает синтаксис, добавляет номера строк, позволяет сворачивать отдельные блоки и быстро переходить по ссылкам в данных.
В некоторых браузерах такие функции уже встроены. Например, Firefox показывает JSON в очень удобном и читаемом виде:
Fx — просмотр JSON прямо в терминале
Если хочется работать с JSON не в браузере, а в командной строке, здесь пригодятся специальные утилиты. Да, JSON можно просто вывести командой cat, ведь он человекочитаемый, но есть инструменты с куда большим функционалом:
Из своих фаворитов могу отметить fx — это интерактивный просмотрщик JSON, который управляется горячими клавишами. Навигация по структуре файла, сворачивание и разворачивание массивов и объектов, быстрый поиск нужных данных — всё это можно делать прямо из терминала.
Есть и другие аналоги, например, jless. Но, как по мне, fx удобней и функциональнее. А если нужно быстро исправить файл — нажмите v, и он сразу же откроется в редакторе.
Редактирование JSON — просто откройте в любимом редакторе
Теперь о том, как редактировать: практически любой современный текстовый редактор отлично подходит для работы с JSON. Я часто использую Vim, Sublime Text или VS Code — все они хорошо подсвечивают структуру данных и позволяют не запутаться в скобках.
Некоторые редакторы, например Zed, выделяют ключи, строки и числа разными цветами; автоматическое форматирование избавляет от лишних запятых (которые простительны в JavaScript, но ломают чистый JSON). Поддерживается даже вариант JSONC (JSON с комментариями) — очень удобно, если нужно оставить заметки прямо в коде.
Онлайн-инструменты для форматирования и проверки
В сети полно сервисов, которые помогают привести JSON в порядок или обнаружить ошибки. Это простые онлайн-приложения, которые экономят уйму времени и не требуют установки.
Например, бесплатный JSONLint сразу укажет, где именно ошибка в структуре:
Существуют и другие похожие сервисы: JsonPretty, JSON Formatter, Json Prettier и масса других. На любой вкус!
Если вы открываете DuckDuckGo, даже никуда ходить не надо: просто введите “json validator”, и появится удобная проверка прямо в выдаче:
Кстати, многие сервисы не просто ищут синтаксические ошибки, но и позволяют проверить структуру документа по схеме (JSON Schema). Опишите правила отдельным файлом и проверьте соответствие, например, на JSONSchema.dev:
jq — мастхэв для работы с JSON в командной строке
Самый мощный инструмент для обработки JSON в терминале — это jq. Если вам нужно преобразовать, отфильтровать или вытянуть нужные данные прямо из консоли, лучше средства не найти.
jq может получать JSON на вход (например, из файла или как результат запроса curl) и обрабатывать его по вашим правилам. Для экспериментов отлично подходит API GitHub, который выдает ответы в формате JSON:
Вывод можно тут же пропустить через jq и красиво отформатировать для чтения:
GitHub уже возвращает хорошо структурированный JSON, так что jq просто подсвечивает его цветом — очень удобно разобрать на лету:
Но это только первая ступень — с помощью jq легко выбирать части данных, преобразовывать их, работать только с нужными полями и строить свои цепочки фильтров.
Кстати, фильтры можно комбинировать через оператор | (пайп), только не перепутайте его с одноимённым знакам в командной строке!
JavaScript — настоящая магия с JSON
JSON расшифровывается как JavaScript Object Notation, так что неудивительно: JavaScript работает с этим форматом буквально на лету. А если jq вдруг не справляется — на JS можно автоматизировать что угодно!
Всё это заслуга встроенного в язык объекта JSON и его методов:
С их помощью можно в два счета превратить строку в объект и обратно. А с fetch API данные из сети проще простого сразу получить и обработать прямо в браузере.
Например, можно отправить запрос к GitHub и вывести последние изменения прямо из API:
Запустите этот код — и получите всплывающее сообщение с самой свежей информацией из репозитория:
JSON и другие языки программирования
Хотя JSON создан для JavaScript, современные языки поддерживают его на ура. Например, для Python всё делается в пару строк:
В Ruby почти такая же история, только функции называются dumps и loads:
В Go используются Marshal и Unmarshal — синтаксис чуть сложнее, но принцип тот же:
JSON настолько прост и универсален, что для него существует целая вселенная инструментов. Если вам часто приходится работать с этим форматом — обязательно попробуйте хотя бы часть из них. Сэкономите уйму времени и нервов!
Если вам понравилась эта статья, подпишитесь, чтобы не пропустить еще много полезных статей!
Премиум подписка - это доступ к эксклюзивным материалам, чтение канала без рекламы, возможность предлагать темы для статей и даже заказывать индивидуальные обзоры/исследования по своим запросам!Подробнее о том, какие преимущества вы получите с премиум подпиской, можно узнать здесь
Также подписывайтесь на нас в:
- Telegram: https://t.me/gergenshin
- Youtube: https://www.youtube.com/@gergenshin
- Яндекс Дзен: https://dzen.ru/gergen
- Официальный сайт: https://www-genshin.ru