JavaScript JSON
JSON significa JavaScript Object Notation .
JSON é um formato de texto simples para armazenar e transportar dados.
O JSON é semelhante à sintaxe usada para criar objetos em JavaScript.
O JSON é usado para enviar , receber e armazenar dados .
Exemplo
'{"name":"John", "age":30, "car":null}'
O exemplo acima define um objeto com 3 propriedades:
"nome"
"idade"
"carro"
Cada propriedade tem um valor:
"John"
30
nulo
Por que JSON?
O JSON facilita o envio e o armazenamento de dados entre computadores.
JSON é somente texto e independente de idioma .
* A sintaxe deriva da sintaxe de objetos JavaScript, mas JSON é apenas texto.
O código para leitura e geração de dados JSON pode ser escrito em qualquer
linguagem de programação.
O formato JSON foi originalmente especificado por Douglas Crockford .
JSON e JavaScript
O formato JSON é sintaticamente idêntico ao código para criar objetos JavaScript.
Por isso, um programa JavaScript pode facilmente converter dados JSON em objetos
JavaScript nativos.
O JavaScript possui uma função integrada para converter strings JSON em objetos
JavaScript:
[Link]()
O JavaScript também possui uma função integrada para converter um objeto em uma
string JSON:
[Link]()
Você pode receber texto puro de um servidor e usá-lo como um objeto JavaScript.
Você pode enviar um objeto JavaScript para um servidor em formato de texto puro.
Você pode trabalhar com dados como objetos JavaScript, sem análises e traduções
complicadas.
Armazenamento de dados
Ao armazenar dados, eles precisam estar em um formato específico e,
independentemente de onde você escolha armazená-los, o texto é sempre um dos
formatos válidos.
O JSON permite armazenar objetos JavaScript como texto.
Você pode receber texto puro de um servidor e usá-lo como um objeto JavaScript.
Você pode enviar um objeto JavaScript para um servidor em formato de texto puro.
Você pode trabalhar com dados como objetos JavaScript, sem análises e traduções
complicadas.
Armazenamento de dados
Ao armazenar dados, eles precisam estar em um formato específico e,
independentemente de onde você escolha armazená-los, o texto é sempre um dos
formatos válidos.
O JSON permite armazenar objetos JavaScript como texto.
Dados JSON - Um nome e um valor
Os dados JSON são escritos como pares nome/valor, assim como as propriedades de
objetos JavaScript.
Um par nome/valor consiste em um nome de campo (entre aspas duplas), seguido
por dois pontos e, em seguida, por um valor:
"firstName":"John"
Os nomes em JSON exigem aspas duplas. Os nomes em JavaScript não.
Objetos JSON
Os objetos JSON são escritos dentro de chaves.
Assim como em JavaScript, os objetos podem conter múltiplos pares nome/valor:
{"firstName":"John", "lastName":"Doe"}
Matrizes JSON
Os arrays JSON são escritos 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 "funcionários" é uma matriz. Ela contém três objetos.
Cada objeto é um registro de uma pessoa (com nome e sobrenome).
Converter um texto JSON em um objeto
JavaScript
Um uso comum do JSON é ler dados de um servidor web e exibi-los em uma página
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 integrada do JavaScript [Link]()para converter a string
em um objeto JavaScript:
const obj = [Link](text);
Por fim, utilize o novo objeto JavaScript em sua página:
Exemplo
<p id="demo"></p>
<script>
[Link]("demo").innerHTML =
[Link][1].firstName + " " + [Link][1].lastName;
</script>