Como receber e analisar dados JSON do servidor

JSON é um formato de dados popular utilizado para trocar informações entre servidores e aplicativos da Web. Os dados que você recebe de um servidor estão na forma de um “corda,”E você pode usar o“JSON.Parse ()”Método para converter a string em um objeto JavaScript.

Este artigo explicará o uso do JSON.Método Parse () em JavaScript. Além disso, os exemplos relacionados ao JSON.Método parse () para analisar cordas, matrizes, objetos de data e funções serão demonstrados. Então vamos começar!

O que é JSON.Método parse ()

O json.o método parse () aceita uma string como um argumento e a converte em um objeto JavaScript analisando. Aqui, a análise é o processo que divide as cordas em diferentes partes e depois identifica seu relacionamento entre si.

Sintaxe de JSON.Método parse ()

JSON.parse (string, função)

A sintaxe acima mencionada afirma que o JSON.o método parse () aceita “corda”Escrito em formato JSON válido e“função”É um parâmetro opcional adicionado para transformar os resultados.

Exemplo: JSON.Método parse () para analisar a corda em javascript

No exemplo a seguir, analisaremos os dados usando JSON.Método parse (). Primeiro de tudo, armazenaremos os dados recebidos em um “String1”Variável como uma string:

const String1 = '"Nome": "Alex", "Age": 25, "City": "Paris"'

Na próxima etapa, invocaremos o JSON.Método parse () para converter “String1"Em um"obj”Objeto:

const obj = json.parse (string1);

Você também pode verificar o tipo de “String1" e "obj”Usando o“tipo de()”Função:

console.log (typeof (string1));
console.log (typeof (obj));

Por fim, acessaremos os valores do “nome" e "idade”Propriedades do objeto convertido e mostram -o como saída:

console.log (obj.nome + "," + obj.idade);

Você pode utilizar qualquer sandbox de codificação on -line ou seu editor de código favorito para executar o programa JavaScript fornecido; No entanto, usaremos o código do Visual Studio:

Vamos executar o programa acima do dado usando o “Servidor vivoExtensão do código VS. Ele vai exibir “Alex" como "nome" e os seus idade como "25”E também mostra o tipo de“String1" e "obj”Na janela do console:

JSON.Método Parse () para analisar o conjunto de JavaScript

Em JavaScript, o JSON.O método parse () pode ser chamado em um objeto JSON derivado de uma matriz como resultado dele, esse método retorna uma matriz de javascript, em vez de um objeto.

Exemplo: JSON.Método Parse () para analisar o conjunto de JavaScript

No exemplo abaixo, analisamos uma matriz chamando o JSON.Método parse (). Vamos criar um objeto “Myarray”Ao analisar o JSON“texto" corda:

const text = '["maçã", "manga", "pêra", "ameixa"]';
const myarray = json.parse (texto);

Em seguida, obteremos o conteúdo do elemento da matriz e o exibiremos no parágrafo:

console.log (myarray [0]);

O elemento presente no índice “0" de "Myarray”Pode ser visto na saída:

JSON.Método parse () para analisar a data de JavaScript

A sintaxe JSON não permite que você use os objetos de data. Se você deseja criar um objeto de data em seu programa JavaScript, você deve adicioná -lo como uma string, que pode ser convertida novamente em um objeto de data.

Exemplo: JSON.Método parse () para analisar a data de JavaScript

No exemplo abaixo, incluímos “data de nascimento" no "texto" corda:

const text = '"Nome": "Alex", "Birthdate": "1998-01-25", "City": "Paris"';

Invocando o JSON.Método parse (), analisamos o “texto" corda:

const obj = json.parse (texto);
Então, na próxima etapa, converteremos a string analisada de volta ao objeto Data da seguinte maneira:
[cc lang = "javascript" width = "100%" altura = "100%" escape = "true" tema = "blackboard" agorap = "0"]
obj.nascimento = nova data (OBJ.data de nascimento);
console.log (obj.nome + "," + obj.aniversário);

Aqui está a saída que obtemos ao executar o código acima:

JSON.Método Parse () para analisar funções em JavaScript

Semelhante ao objeto de data, as funções também não são permitidas no formato JSON. Para incluir uma função em JSON.Método parse (), você deve adicioná -lo como uma string e depois convertê -lo em uma função.

Exemplo: JSON.Método Parse () para analisar funções em JavaScript

Vamos analisar funções usando o json.Parse () funções no exemplo abaixo do ritmo. Em primeiro lugar, adicionaremos uma string que compreenda uma função para o “idade”Propriedade e retornará“25”:

const text = '"name": "Alex", "Age": "function () return 25;", "City": "Paris"';

Então, vamos analisar o “texto”E crie um objeto JSON para armazenar o valor:

const obj = json.parse (texto);

Depois de fazer isso, utilizaremos o “avaliar ()”JavaScript Função para avaliar a sequência de idade como código JavaScript e para sua execução:

obj.idade = avaliar ("(" + obj.idade + ")");

Por fim, vamos receber o “obj.nome" e "obj.idade”Valores e exibi -lo no parágrafo adicionado:

console.log (obj.nome + "," + obj.idade());

A saída fornecida mostra que a função adicionada é analisada com sucesso, utilizando o JSON.Método parse ().

Conclusão

Em JavaScript, o JSON.Parse () O método é utilizado para analisar a string, que são os dados recebidos do servidor da web. JSON.O método parse () retornará um objeto JavaScript e você poderá acessar os dados analisados ​​com a ajuda dele. Este artigo explicou o uso do JSON.Método Parse () em JavaScript. Além disso, os exemplos relacionados ao JSON.Método parse () para analisar cordas, matrizes, objetos de data e funções também são demonstrados neste artigo.