Сравнение JSON

Обзор инструмента: JSON Diff

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

Что такое JSON Diff?

JSON Diff рекурсивно проходит по двум JSON-структурам и показывает различия на уровне путей. Вместо сравнения только отформатированного текста вы сразу видите, какие вложенные ключи или элементы массива действительно изменились.

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

1. Вставьте исходный JSON в левый редактор.
2. Вставьте обновленный JSON в правый редактор.
3. При необходимости включите сортировку ключей объектов перед сравнением.
4. Запустите сравнение и просмотрите список различий, отформатированный JSON и отчет для скачивания.

Частые сценарии использования

• Сравнение двух ответов API для поиска изменений схемы
• Проверка изменений конфигурации перед деплоем
• Сопоставление мок-данных с реальными ответами backend
• Проверка изменений структуры данных во время регрессии

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

• 📍 Поиск различий по путям: показывает точные пути вроде $.meta.locale или $.items[2].status.
• 🔁 Рекурсивное сравнение объектов и массивов: объекты сравниваются по ключам, массивы по индексам.
• 🧹 Опциональная сортировка ключей: уменьшает шум, если изменился только порядок свойств.
• 📦 Копирование и скачивание отчета: удобно для issues, PR и код-ревью.

📋 Пример

Исходный JSON

{
  "project": "ToolMi",
  "version": "1.0.0",
  "features": {
    "jsonDiff": false,
    "jsonSchema": true
  },
  "tags": ["json", "compare", "nuxt"],
  "meta": {
    "locale": "en",
    "updatedAt": "2026-03-07"
  }
}

Обновленный JSON

{
  "project": "ToolMi",
  "version": "1.1.0",
  "features": {
    "jsonDiff": true,
    "jsonSchema": true,
    "jsonPath": true
  },
  "tags": ["json", "diff", "nuxt", "i18n"],
  "meta": {
    "locale": "fr",
    "updatedAt": "2026-03-08"
  }
}

Типичный результат diff

Changed $.version
Changed $.features.jsonDiff
Added $.features.jsonPath
Changed $.tags[1]
Added $.tags[3]
Changed $.meta.locale
Changed $.meta.updatedAt

🔧 Советы по использованию

1. Сначала проверьте валидность JSON: удалите комментарии, хвостовые запятые и некорректные кавычки.
2. Сортируйте ключи, если порядок не важен: это полезно, когда API просто переставляет свойства местами.
3. Смотрите на пути и значения, а не на форматирование: важны реальные изменения данных, а не отступы.
4. Разбивайте большие массивы: для удобства сначала сравнивайте меньшие фрагменты.

❓ FAQ

Q1: Почему различий нет, хотя JSON визуально выглядит иначе?
A: Инструмент сравнивает структуру и значения после разбора JSON, а не пробелы и отступы.

Q2: Массивы сравниваются по значению или по позиции?
A: Сейчас сравнение идет по индексу. Перестановка элементов тоже будет считаться изменением.

Q3: Подходит ли это для обычного текста?
A: Только если содержимое является валидным JSON. Для обычного текста лучше использовать текстовый diff.

Q4: Можно ли экспортировать результат?
A: Да. Можно скопировать отчет или скачать файл со структурированным diff.