O que é JSON: saiba como funciona o formato JSON, exemplos e como utilizar

Imagine que diferentes sistemas são pessoas falando idiomas distintos, um app mobile, um servidor, um sistema de pagamento. Para que todos se entendam, é preciso um “idioma comum”, simples e eficiente, que funcione em qualquer lugar.

É aí que entra o JSON.

Ele funciona como um tradutor universal de dados: organiza informações de forma clara, leve e fácil de transportar entre sistemas, mesmo em cenários com pouca conexão ou alta demanda.

Seja ao enviar dados de um formulário, integrar uma API ou processar informações no backend, o JSON está nos bastidores garantindo que tudo aconteça sem ruído.

Mas afinal, o que é JSON e por que ele se tornou um dos formatos mais utilizados no mundo da programação?

Por que aprender JSON? 

Imagine que você precisa entender o que é JSON e como funciona o formato JSON para desenvolver a funcionalidade de pagamento de faturas em uma fintech. O objetivo é minimizar o tráfego de dados e garantir o bom funcionamento mesmo em redes lentas ou com baixa largura de banda. 

O que é JSON? Entenda o formato JSON e os arquivos .json 

O formato JSON (JavaScript Object Notation) é um padrão leve de troca de dados baseado na notação de objetos do JavaScript. JSON é um formato de arquivo (.json) amplamente usado para representar dados estruturados de uma forma comum a diversas linguagens de programação. 

Além disso, uma ideia que está fortemente enraizada neste formato é que ele seja facilmente trafegado entre aplicações em quaisquer protocolos, inclusive o HTTP. Assim, a principal diferença entre um objeto JavaScript e um JSON é que o JSON, na verdade, é um texto. 

Manifest.json: o que é 

O manifest.json é um arquivo que armazena metadados básicos de uma extensão, como nome, versão e permissões. 

Package.json: o que é 

O package.json é um arquivo fundamental em projetos JavaScript e Node.js. É usado para gerenciar dependências, scripts, informações e metadados do projeto. 

JSON x outros formatos 

XML vs JSON: qual a diferença entre o formato JSON e XML? 

XML (Extensible Markup Language) e JSON (JavaScript Object Notation) são formatos utilizados para representar e estruturar dados, mas há diferenças na sintaxe e aplicabilidade. 

O Extensible Markup Language (XML) é uma linguagem de marcação que utiliza tags para definir elementos e estruturar dados. É amplamente utilizado em aplicações que exigem validação e estruturação rígida dos dados, como documentos e configurações. 

Já o JSON usa pares chave-valor para estruturar os dados, sendo mais conciso e fácil de interpretar. É utilizado em aplicações web e APIs, sendo assim uma escolha comum para a transferência de dados entre cliente e servidor. 

Imagine um aplicativo de um petshop que armazena informações sobre o paciente. Em XML o código ficaria assim: 

<user> 
  <id>11</id> 
  <animal>Bob</animal> 
  <idade>2</idade> 
</user> 
Já em JSON, seria representado dessa forma: 
{ 
  "user": { 
"id": 11, 
"animal": "Bob", 
"idade": 2 
  } 
}

HTML vs JSON: diferenças entre formato JSON e HTML? 

HTML e JSON possuem funcionalidades diferentes. O HTML(HyperText Markup Language) é uma linguagem de marcação usada para estruturar e exibir conteúdo na web, ele é interpretado pelo navegador e transformado em uma página web visualmente apresentável para os usuários. 

Já o JSON (JavaScript Object Notation) é um formato de dados usado para transmitir e armazenar dados de forma organizada e legível por máquinas. Ele é baseado na sintaxe de objetos JavaScript e é amplamente utilizado em APIs para enviar e receber dados entre diferentes sistemas. 

O JSON é relativamente mais simples do que o HTML, pois sua estrutura contém apenas as informações essenciais para o código, enquanto o HTML exige diversas tags para apresentar o conteúdo, tornando o arquivo maior. 

Em um contexto de dados de um usuário, o HTML pode ser utilizado para criar um formulário de entrada de informações, e o JSON pode ser utilizado para formatar essas informações e transmiti-las entre sistemas.

Enquanto o HTML serve para estruturar e exibir o conteúdo visual de uma página web, o JSON é utilizado para transmitir e armazenar dados de maneira organizada entre diferentes sistemas. 

JS vs JSON: qual a diferença entre JavaScript e JSON? 

JavaScript (JS) é uma linguagem de programação interpretada muito usada no desenvolvimento web. O JSON é um formato de dados para representar e transferir informações entre sistemas, normalmente utilizado junto ao JavaScript em aplicações web. 

Para entender melhor essa diferença, imagine que você está desenvolvendo um aplicativo web para armazenar informações de clientes. Você decide usar JavaScript para criar a lógica do aplicativo e manipular os dados no lado do cliente. Por outro lado, você utiliza JSON para trocar dados entre o cliente e o servidor. 

Para que serve o JSON? Exemplos de uso do formato JSON e arquivo .json 

O JSON é um formato de dados leve e de fácil leitura utilizado para troca de informações entre sistemas computacionais. O padrão atual é definido pela RFC 8259 (dezembro 2017) e ECMA-404, que estabelecem as regras de sintaxe e estrutura do formato. 

Ele é frequentemente usado para transmitir dados entre um servidor e um cliente em aplicações web e móveis, embora também seja utilizado em diversos outros contextos. 

Também é amplamente utilizado na web para representar dados estruturados de forma legível tanto para humanos quanto para máquinas. Em resumo, o JSON é uma forma popular de representar dados estruturados e transferi-los entre diferentes sistemas. 

Por que o JSON é tão utilizado? Vantagens do formato JSON e arquivos .json" 

O JSON é muito utilizado porque oferece simplicidade, legibilidade, portabilidade e amplo suporte, sendo uma escolha popular para troca de informações na web e em outros ambientes. 

Além disso, existem inúmeras outras razões pelas quais o JSON é amplamente utilizado. Confira algumas delas a seguir: 

• Simplicidade: o formato JSON é relativamente simples e fácil de entender. Ele usa uma sintaxe leve e minimalista, tornando-o rápido de ser processado; 
• Legibilidade: o JSON é projetado para ser legível tanto por humanos quanto por máquinas. Sua estrutura é organizada e fácil de analisar, facilitando a depuração de erros e o trabalho das pessoas desenvolvedoras; 
• Portabilidade: ele é independente de plataforma e pode ser utilizado em diferentes linguagens de programação. Isso facilita o compartilhamento de dados entre sistemas heterogêneos, tornando o processo mais eficiente; 
• Suporte amplo: a maioria das linguagens de programação oferece suporte nativo ou através de bibliotecas para manipulação de dados em JSON. Isso facilita a conversão entre JSON e objetos ou estruturas de dados; 
• Integração com a web: o JSON é muito utilizado na comunicação entre servidores e clientes em aplicações web, inclusive em APIs (Interface de Programação de Aplicativos), para transferir dados entre servidor e clientes de forma mais eficiente. 

Como usar JSON? Regras e estrutura de um arquivo .json" 

Um arquivo JSON deve conter apenas informações que possam ser representadas em texto. Veja algumas regras básicas:" 

• Não pode ter funções; 
• Não pode ter comentários; 
• Todo texto sempre tem aspas duplas; 
• As propriedades sempre tem aspas duplas. 

Desta forma, imagine o envio do pagamento de uma nova fatura com o nome do cliente, um identificador numérico do cliente e uma lista de pagamentos a serem feitos na fatura. Veja como criar um arquivo JSON usando essa estrutura: 

{ 
   "cliente": { 
    "id": 2020, 
    "nome": "Maria Aparecida" 
   }, 
   "pagamentos": [ 
    { 
        "id": 123, 
        "descricacao": "Compra do livro Cangaceiro JavaScript", 
        "valor": 50.5 
    }, 
    { 
        "id": 124, 
        "descricacao": "Mensalidade escolar", 
        "valor": 1500 
    } 
   ] 
}

Embora se assemelhe com um objeto JavaScript literal, o exemplo acima está em formato JSON válido e segue exatamente todas as regras da estrutura JSON. O formato JSON é considerado mais simples e eficiente do que o tradicional XML, que já foi o padrão para envio de dados entre sistemas. 

Como você está usando JavaScript, Java e PHP nas aplicações em que estão envolvidos, trouxe um pequeno exemplo nestas linguagens: 

// JavaScript 
const fatura = // Criação do objeto fatura 
const faturaJSON = JSON.stringify(fatura); // Transforma o objeto literal em JSON 
const novamenteObjFatura = JSON.parse(faturaJSON); // Transforma o JSON em objeto 
// PHP 
$fatura = // Criação do objeto fatura 
$faturaJSON = json_encode($meuObj); // Transforma o objeto em JSON 
$novamenteObjFatura = json_decode($faturaJSON); // Transforma o JSON em objeto 
// Java usando a biblioteca Jackson 
Fatura fatura = new Fatura(); // Criação do objeto fatura. 
ObjectMapper mapper = new ObjectMapper(); 
String jsonString = mapper.writeValueAsString(fatura); // Objeto Java para JSON string 
Fatura novamenteFatura = mapper.readValue(jsonString, Fatura.class); //JSON string para objeto Java

Com isso, você vai conseguir trafegar as informações que precisa, atendendo aos requisitos que levantamos no início deste artigo. 

Como representar datas em arquivos JSON? 

Há várias maneiras de formatar datas, mas a forma recomendada e mais comum é usando o formato ISO 8601 (ou RFC 3339 para APIs), que é amplamente aceito e suportado em muitas linguagens de programação.

O formato ISO 8601 é o padrão adotado pelo método `toJSON()` nativo do JavaScript ao serializar objetos Date. Por exemplo: 

{  
  "date": "2023-08-24T16:10:10Z" 
}

Importante: JSON não possui um tipo nativo para datas. Ao fazer o parse de volta, a data será uma string e precisará ser convertida manualmente para um objeto Date usando `new Date()` ou uma função reviver no `JSON.parse()`." 

Como passar HTML para JSON? 

Você pode usar bibliotecas específicas como Cheerio (para HTML estático), jsdom (para emulação DOM com JavaScript limitado) e Puppeteer (para sites dinâmicos com JavaScript completo) para fazer o parsing do HTML e extrair os dados desejados. 

É importante escolher a ferramenta certa: Cheerio é mais rápido para páginas estáticas, enquanto Puppeteer é necessário para sites que dependem de JavaScript para renderizar conteúdo." 

Uma outra forma mais fácil é usar algum conversor online, basta buscar por “HTML to JSON” no navegador. No entanto, se seu código HTML for mais complexo e você precisar de um alto nível de controle da conversão, é recomendado desenvolver sua própria lógica para analisar o HTML e extrair os dados necessários para convertê-los em JSON. 

Como abrir, ler e visualizar arquivos .json?" 

Uma maneira fácil e prática de ler e validar um arquivo JSON é através de um visualizador online gratuito (basta buscar por "visualizador online JSON" em seu navegador) ou programaticamente usando `JSON.parse()` em JavaScript: 

```javascript 
// Lendo JSON de arquivo em Node.js 
const fs = require('fs'); 
const data = JSON.parse(fs.readFileSync('arquivo.json', 'utf8')); 
// Lendo JSON no navegador via fetch 
fetch('dados.json') 
  .then(response => response.json()) 
  .then(data => console.log(data)); 
```

Leve seu conhecimento em JSON para a prática

Entender JSON é mais do que aprender um formato de dados, é dominar a base da comunicação entre sistemas modernos.

Seja em APIs, aplicações web ou integrações entre serviços, saber estruturar, interpretar e manipular dados em JSON é uma habilidade essencial para quem quer evoluir na programação.

Mas é na prática, lidando com projetos reais e diferentes linguagens, que esse conhecimento realmente se consolida.

Quer aprofundar e aplicar tudo isso no dia a dia? Conheça a Formação C# e orientação a objetos da Alura e aprenda a trabalhar com dados, APIs e estruturas modernas como um desenvolvedor profissional.

Saiba mais na Alura 

Ainda há uma questão que vocês nem mesmo perceberam! O que acontecerá quando persistir em suas aplicações o nome de uma cliente que, porventura, se chame, digamos, Joana D'arc? Confira agora! 

• SQL Injection