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

Как использовать этот инструмент

Чтобы начать, просто вставьте ваш JSON-код прямо в редактор или загрузите JSON-файл, используя кнопку **Загрузить**. После завершения процесса форматирования вы можете скачать отформатированный JSON, сохранить его или поделиться с другими, используя уникальную ссылку. Вход через Google или GitHub позволяет сохранять результаты в вашем аккаунте для будущего использования.

Что такое JSON?

JSON (JavaScript Object Notation) - это легковесный, открытый стандарт формата данных, который использует текст, читаемый человеком, для представления объектов данных, состоящих из пар атрибут-значение и массивов. Он широко используется для обмена данными, особенно как более простая альтернатива XML в системах AJAX.

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

Синтаксис JSON

JSON определяет две основные структуры: объекты и массивы.

**Объекты**: Коллекция пар имя-значение, заключенных в фигурные скобки `{}`.
**Массивы**: Список значений, заключенных в квадратные скобки `[]`.

JSON поддерживает семь типов данных: строка, число, объект, массив, `true`, `false` и `null`. Ниже приведен пример JSON-объекта, содержащего пары имя-значение. Ключ "phoneNumbers" содержит массив из двух объектов:

      
{
  "firstName": "Duke",
  "lastName": "Java",
  "age": 18,
  "streetAddress": "100 Internet Dr",
  "city": "JavaTown",
  "state": "JA",
  "postalCode": "12345",
  "phoneNumbers": [
    {
      "Mobile": "111-111-1111"
    }, {
      "Home": "222-222-2222"
    }
  ]
}

Примеры

Неотформатированный:

      
{"colors":[{"color":"black","category":"hue","type":"primary","code":{"rgba":[255,255,255,1],"hex":"#000"}},{"color":"white","category":"value","code":{"rgba":[0,0,0,1],"hex":"#FFF"}}]}

После форматирования:

      
{
  "colors": [
    {
      "color": "black",
      "category": "hue",
      "type": "primary",
      "code": {
        "rgba": [
          255, 255, 255, 1
        ],
        "hex": "#000"
      }
    }, {
      "color": "white",
      "category": "value",
      "code": {
        "rgba": [
          0, 0, 0, 1
        ],
        "hex": "#FFF"
      }
    }
  ]
}