Neste tutorial, você aprenderá sobre JSON e como JavaScript é usado com JSON com a ajuda de exemplos.
JSON significa Javascript Object Notation. JSON é um formato de dados baseado em texto usado para armazenar e transferir dados. Por exemplo,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
Em JSON, os dados estão em pares chave / valor separados por uma vírgula ,
.
JSON foi derivado de JavaScript. Portanto, a sintaxe JSON é semelhante à sintaxe literal do objeto JavaScript. No entanto, o formato JSON pode ser acessado e criado por outras linguagens de programação também.
Nota : Objetos JavaScript e JSON não são iguais. Você aprenderá sobre suas diferenças posteriormente neste tutorial.
Dados JSON
Os dados JSON consistem em pares de chave / valor semelhantes às propriedades do objeto JavaScript. A chave e os valores são escritos entre aspas duplas separadas por dois pontos :
. Por exemplo,
// JSON data "name": "John"
Nota : os dados JSON requerem aspas duplas para a chave.
Objeto JSON
O objeto JSON é escrito entre chaves ( )
. Os objetos JSON podem conter vários pares de chave / valor . Por exemplo,
// JSON object ( "name": "John", "age": 22 )
JSON Array
A matriz JSON é escrita entre colchetes ( )
. Por exemplo,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Observação : os dados JSON podem conter objetos e matrizes. No entanto, ao contrário de objetos JavaScript, os dados JSON não podem conter funções como valores.
Acessando dados JSON
Você pode acessar dados JSON usando a notação de ponto. Por exemplo,
// JSON object const data = ( "name": "John", "age": 22, "hobby": ( "reading" : true, "gaming" : false, "sport" : "football" ), "class" : ("JavaScript", "HTML", "CSS") ) // accessing JSON object console.log(data.name); // John console.log(data.hobby); // ( gaming: false, reading: true, sport: "football") console.log(data.hobby.sport); // football console.log(data.class(1)); // HTML
Usamos a .
notação para acessar dados JSON. Sua sintaxe é:variableName.key
Você também pode usar a sintaxe de colchetes ()
para acessar dados JSON. Por exemplo,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
Objetos JavaScript VS JSON
Embora a sintaxe do JSON seja semelhante à do objeto JavaScript, o JSON é diferente dos objetos JavaScript.
JSON | Objeto JavaScript |
---|---|
A chave no par chave / valor deve estar entre aspas duplas. | A chave no par chave / valor pode estar sem aspas duplas. |
JSON não pode conter funções. | Os objetos JavaScript podem conter funções. |
JSON pode ser criado e usado por outras linguagens de programação. | Objetos JavaScript só podem ser usados em JavaScript. |
Convertendo JSON em Objeto JavaScript
Você pode converter dados JSON em um objeto JavaScript usando a JSON.parse()
função integrada. Por exemplo,
// json object const jsonData = '( "name": "John", "age": 22 )'; // converting to JavaScript object const obj = JSON.parse(jsonData); // accessing the data console.log(obj.name); // John
Convertendo Objeto JavaScript em JSON
Você também pode converter objetos JavaScript para o formato JSON usando a JSON.stringify()
função integrada de JavaScript . Por exemplo,
// JavaScript object const jsonData = ( "name": "John", "age": 22 ); // converting to JSON const obj = JSON.stringify(jsonData); // accessing the data console.log(obj); // "("name":"John","age":22)"
Uso de JSON
JSON é o formato mais comumente usado para transmitir dados (intercâmbio de dados) de um servidor para um cliente e vice-versa. Os dados JSON são muito fáceis de analisar e usar. É rápido acessar e manipular dados JSON, pois eles contêm apenas textos.
JSON é independente do idioma. Você também pode criar e usar JSON em outras linguagens de programação.