Embelezador JSON - Formatador JSON

Este embelezador de JSON online ajuda você a formatar JSON não estruturado em um layout limpo e legível. Alimentado pelo embelezador Pretty Diff, ele permite que você visualize os resultados em uma visualização de código ou em uma visualização de árvore para melhor visualização.

Como Usar Esta Ferramenta

Para começar, basta colar seu código JSON diretamente no editor ou carregar um arquivo JSON usando o botão **Upload**. Uma vez que o processo de embelezamento esteja completo, você pode baixar o JSON formatado, salvá-lo ou compartilhá-lo com outros usando um link único. Fazer login com Google ou GitHub permite que você salve os resultados na sua conta para uso futuro.

O que é JSON?

JSON (JavaScript Object Notation) é um formato de dados leve e de padrão aberto que usa texto legível por humanos para representar objetos de dados consistindo em pares de atributo-valor e arrays. É amplamente utilizado para intercâmbio de dados, particularmente como uma alternativa mais simples ao XML em sistemas AJAX.

A popularidade do JSON vem de sua simplicidade e versatilidade, tornando-o um formato ideal para APIs, arquivos de configuração e outras tarefas de compartilhamento de dados. Saiba mais

Sintaxe JSON

JSON define duas estruturas principais: objetos e arrays.

**Objetos**: Uma coleção de pares nome-valor delimitados por chaves `{}`.
**Arrays**: Uma lista de valores delimitados por colchetes `[]`.

JSON suporta sete tipos de dados: string, número, objeto, array, `true`, `false` e `null`. Abaixo está um exemplo de um objeto JSON contendo pares nome-valor. A chave "phoneNumbers" contém um array de dois objetos:

      
{
  "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"
    }
  ]
}

Exemplos

Não embelezado:

      
{"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"}}]}

Após embelezamento:

      
{
  "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"
      }
    }
  ]
}