Como trabalhar com JSON em JavaScript?

JSON significa JavaScript-Object-Notation e é o tipo de dados estruturado mais amplamente utilizado para transferir dados na Internet. O JSON é baseado em objetos JavaScript, mas é independente da linguagem; o que significa que ele pode ser usado em quase todas as linguagens de programação moderna.

JSON -Introdução Básica

JSON é a representação textual de dados que facilita a transferência de dados em velocidades realmente altas. No JSON, você diferencia uma chave e valor colocando um cólon “:” entre eles, e você coloca uma vírgula entre diferentes pares de valor-chave. Além disso, os pares de key = value estão fechados dentro Suportes encaracolados:

Sintaxe de JSON

A sintaxe de JSON é bem simples, é a seguinte:

chave1: valor,
chave2: valor

Trabalhando com JSON

Para trabalhar com o JSON em JavaScript, o JSON é armazenado pela primeira vez dentro de uma variável para torná -lo um objeto JSON.

Por exemplo, imagine que você tem dados JSON de uma pessoa que contém as seguintes informações como:

primeiro nome: "John",
LastName: "Doe",
Idade: 22,
Cidade: "Newyork",

Para convertê -lo em um objeto utilizável em JavaScript, simplesmente o colocamos igual a um objeto com o seguinte código:

Const Pessoa =
primeiro nome: "John",
LastName: "Doe",
Idade: 22,
Cidade: "Newyork",
;

Como você pode ver, você criou uma variável pessoa Isso agora mantém um objeto com as informações sobre essa pessoa como FirstName, LastName e assim por diante; Para garantir que possamos usá -lo dentro de JavaScript, vamos simplesmente imprimir esse objeto para a tela usando o console.registro() função:

console.log (pessoa);

O trecho completo do código seria:

Const Pessoa =
primeiro nome: "John",
LastName: "Doe",
Idade: 22,
Cidade: "Newyork",
;
console.log (pessoa);

Quando você executa este código, você verá a seguinte saída:

Como você pode ver em seu console, podemos ver um objeto sendo impresso. Isso ocorre porque criamos um objeto definindo -o igual a uma variável.

Acessando o valor de um objeto JSON

Para acessar os valores de dentro do objeto JSON, você usa o DOT-Operator com o nome do “chave”.

Tomando o objeto JSON acima, se você quiser imprimir o primeiro nome, use a seguinte linha:

console.log (pessoa.primeiro nome);

Você verá a seguinte saída:

Você pode até imprimir o nome completo usando a seguinte linha:

console.registro(
"O nome completo da pessoa é como:" + pessoa.primeiro nome + pessoa.sobrenome
);

Você obterá a seguinte saída:

Como você pode ver, concatenamos o primeiro nome e o sobrenome e o exibimos no console.

Dessa forma, você pode acessar os pares do valor de chave JSON.

Anexando no objeto JSON

Se você deseja anexar um valor dentro de um objeto JSON, você pode fazer isso usando o DOT-Operator. Primeiro, dê a "chave" após o ponto e defina -a igual ao seu valor, como mostrado na sintaxe a seguir:

JsonObject.newkey = valor;

Caso você queira adicionar o trabalho da pessoa no objeto mencionado no exemplo acima, você pode fazer isso usando a seguinte linha de código:

pessoa.Job = "Auditor";
console.log (pessoa.trabalho);

O trecho completo é como:

Const Pessoa =
primeiro nome: "John",
LastName: "Doe",
Idade: 22,
Cidade: "Newyork",
;
console.registro(
"O nome completo da pessoa é como:" + pessoa.primeiro nome + pessoa.sobrenome
);
pessoa.Job = "Auditor";
console.log ("e o trabalho da pessoa é:");
console.log (pessoa.trabalho);

Quando você executa o trecho de código acima, você obtém a seguinte saída na tela:

Como você pode ver, o trabalho não fazia parte do objeto json a princípio, mas você conseguiu anexá -lo ao objeto JSON e imprimi -lo no console também.

Convertendo o objeto JSON em objeto String

Como mencionado acima, o JSON é transferido como dados textuais; portanto, se você deseja converter um objeto JSON em um objeto String, poderá fazer isso usando o método:

JSON.stringify (objeto);

Se você deseja converter o objeto de pessoa mencionada acima em uma string e imprimi-la no console, você pode fazer isso usando as seguintes linhas de código:

console.Log (JSON.stringify (pessoa));

Ao executar o código, você obterá a seguinte saída na tela:

Como você pode ver, o objeto JSON foi convertido em um objeto String, isso é altamente benéfico na transferência de dados pela Internet em alta velocidade.

Conclusão

JSON é a estrutura de transferência de dados mais usada do mundo devido a ser realmente de tamanho leve e fácil de transferir. O JSON é baseado na sintaxe de um objeto JS normal, mas é totalmente diferente do objeto JS como um objeto pode ter um método dentro dele enquanto JSON é apenas informações, pois contém pares de valor-chave. No entanto, não está confinado ao JavaScript, o JSON está disponível em quase todas as linguagens de programação. Aprendemos sobre o JSON, seu uso, como trabalhar com o JSON dentro do JavaScript, como acessar os valores do JSON e como anexar um objeto JSON. Por fim, aprendemos a converter um objeto JSON em um objeto String.