JSON.Parse e JSON.stringify | Explicado com exemplos

Uma das maiores características do JavaScript é sua notação JSON para transferir dados, o objeto JSON é percebido por todos os navegadores atualizados e é usado em quase todas as linguagens de programação que estão disponíveis no mercado atual. JSON é uma notação de dados muito leve e amiga do ser humano que também é legível por linguagens de programação.

Os objetos JSON são transferidos ou lidos pelo programa na forma de strings chamados JSON Strings. Para identificar a String JSON, basta procurar aspas em cada extremidade da notação trivial JSON. No entanto, as cordas JSON precisam ser convertidas em objetos JSON para que não precisemos usar operações de string em nosso programa.

Da mesma forma, para transferir dados de um programa para outro - ou digamos do servidor para o lado do cliente - é melhor converter o objeto JSON de volta em uma string json. Para essas conversões, o ES6 JavaScript forneceu duas funções “JSON.Parse () e JSON.stringify () ”.

JSON.stringify () e seu uso

Os objetos JavaScript são convertidos em cordas com o “JSON.stringify ()”. Para demonstrar essa função, precisaremos de um objeto que possa ser criado com as seguintes linhas de código:

var myObject =
Nome: "John Doe",
Idade: 15,
E -mail: "[email protected] ",
trabalho: "auditor",
;

Você pode imprimir esse objeto no console usando a seguinte linha:

console.log (myObject);

Você obterá a seguinte saída em seu console.

Agora, podemos passar esse objeto no JSON.Stringify () Função e armazená -lo dentro de outra variável usando a seguinte linha:

var convertido = json.stringify (myObject);

Esta variável pode ser impressa usando o console.Função de log ():

console.log (convertido);

Depois de executar o seguinte programa, você deve ver a seguinte saída em seu console:

Como você pode ver, conseguimos converter o objeto JSON em uma string que pode ser transferida por uma rede ou armazenada em algum arquivo para uso posterior.

O Stringify () A função leva 2 argumentos adicionais opcionais, mas ainda muito úteis:

• um é a função conhecida como substituir argumento
• O segundo é chamado de espaço argumento

O parâmetro Replacer

O substituto é uma função que você cria com dois parâmetros:

• chave
• valor, correspondente ao par de valores-chave do objeto.

O substituir O método é usado para verificar um valor específico ou retornar outra string em vez do valor original. O substituir O método também pode ser usado para pular um par de valores-chave da string convertida retornando um indefinido valor.

Para criar um método de substituição simples que pulará o par de valores-chave da string resultante se o valor é "auditor", pois use as seguintes linhas de código:

função replacer (chave, valor)
if (value === "auditor")
retornar indefinido;

valor de retorno;

Para criar uma nova string resultante com nosso objeto JavaScript e imprimi -lo, use a seguinte linha:

console.Log (JSON.stringify (myObject, replacer));

Você obtém o seguinte resultado no console:

Como você pode ver, já que o “trabalho”Key tinha o valor de“Auditor”Por isso, foi pulado da string resultante

O parâmetro espacial

O terceiro argumento do JSON.stringify () Função é o parâmetro espacial, este parâmetro leva uma string ou um número para as seguintes ações:

• Se uma string for passada, essa string será anexada antes dos pares de valor-chave
• Se um número for passado, esse número de espaços será adicionado entre os pares do valor da chave

Para demonstrar o argumento do espaçador, usamos a seguinte linha de código:

console.Log (JSON.stringify (myObject, null, 10));

Você observará o seguinte resultado no console:

Você pode observar o espaço entre cada par de valores-chave (o espaço é marcado pela linha amarela para torná-lo mais proeminente)

Para demonstrar o anexo de uma string antes de cada par de valores-chave na sequência resultante, use as seguintes linhas de código:

console.Log (JSON.stringify (myObject, null, "a"));

Você observará o seguinte resultado no console:

A substring prefixada é facilmente perceptível

JSON.parse () e seu uso

O json.A função parse () é usada para converter uma string ou mais precisamente string json em um objeto JSON. Para demonstrar isso, crie uma nova string json com a seguinte linha de código:

const String = '"Nome": "John Doe", "Age": 15, "Email": "[email protected] "," Job ":" Auditor " ';

Para criar um objeto JSON, passe essa string na função parse () e armazene o objeto resultante em uma nova variável usando a seguinte linha de código:

const myObject = json.parse (string);

Para observar esse objeto resultante, use a função de log do console como assim:

console.log (myObject);

Após a execução, você deve observar a seguinte saída em seu console:

Você pode acessar os valores deste objeto resultante como qualquer outro objeto normal, tente a seguinte linha de código para verificar isso:

console.log (MyObject.trabalho + "" + myObject.nome);

Você obterá a seguinte saída em seu console:

É isso para JSON.função parse () e json.função stringify ()

Conclusão

O json.A função parse () é usada para converter uma string em um objeto JavaScript enquanto o json.A função stringify () é usada para converter um objeto JavaScript em uma string. A string json é usada sempre que queremos transferir dados de um programa para outro, dentro do programa, é melhor usar o objeto JavaScript, em vez de usar as operações da string. O JavaScript fornece essas duas funções como funções internas, e essas funções são suportadas por todos os navegadores modernos.