JavaScript JSON
JSON é um formato para armazenar e transportar dados.
JSON é frequentemente usado quando os dados são enviados de um servidor para uma página da web.
O que é JSON?
- JSON significa Java S cript O bject N otation
- JSON é um formato de intercâmbio de dados leve
- JSON é independente de idioma *
- JSON é "autodescritivo" e fácil de entender
* A sintaxe JSON é derivada da sintaxe de notação de objeto JavaScript, mas o formato JSON é somente texto. O código para leitura e geração de dados JSON pode ser escrito em qualquer linguagem de programação.
Exemplo de JSON
Esta sintaxe JSON define um objeto de funcionários: uma matriz de 3 registros de funcionários (objetos):
Exemplo de JSON
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
O formato JSON avalia objetos JavaScript
O formato JSON é sintaticamente idêntico ao código para criar objetos JavaScript.
Devido a essa semelhança, um programa JavaScript pode facilmente converter dados JSON em objetos JavaScript nativos.
Regras de sintaxe JSON
- Os dados estão em pares nome/valor
- Os dados são separados por vírgulas
- Chaves encaracoladas seguram objetos
- Os colchetes mantêm matrizes
Dados JSON - um nome e um valor
Os dados JSON são escritos como pares nome/valor, assim como as propriedades do objeto JavaScript.
Um par nome/valor consiste em um nome de campo (entre aspas duplas), seguido por dois pontos, seguido por um valor:
"firstName":"John"
Os nomes JSON exigem aspas duplas. Os nomes JavaScript não.
Objetos JSON
Objetos JSON são escritos dentro de chaves.
Assim como no JavaScript, os objetos podem conter vários pares nome/valor:
{"firstName":"John", "lastName":"Doe"}
Matrizes JSON
As matrizes JSON são escritas entre colchetes.
Assim como em JavaScript, um array pode conter objetos:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
No exemplo acima, o objeto "employees" é um array. Ele contém três objetos.
Cada objeto é um registro de uma pessoa (com um nome e um sobrenome).
Convertendo um texto JSON em um objeto JavaScript
Um uso comum do JSON é ler dados de um servidor da Web e exibir os dados em uma página da Web.
Para simplificar, isso pode ser demonstrado usando uma string como entrada.
Primeiro, crie uma string JavaScript contendo a sintaxe JSON:
let text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
Em seguida, use a função incorporada do JavaScript JSON.parse()
para converter a string em um objeto JavaScript:
const obj = JSON.parse(text);
Por fim, use o novo objeto JavaScript em sua página:
Exemplo
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
Você pode ler mais sobre JSON em nosso tutorial JSON .