JSON.Método Stringify | Explicado

O JSON é um padrão para transferir dados entre servidores e clientes, e é o formato mais famoso que é aceito por quase todas as modernas linguagem de programação. Sempre que os dados precisam ser transferidos pela Internet, são transferidos como um valor de string. Quando esse valor de string é recebido pelo aplicativo, ele é analisado em um objeto. Da mesma forma, os objetos são convertidos em strings JSON antes de enviá -los pela Internet.

Em JavaScript, o método usado para converter os objetos JavaScript na string json é o stringify () Método, e hoje vamos cobrir seu uso e sintaxe junto com exemplos.

O método stringify ()

Este método foi introduzido na versão ES6 do JavaScript, este método é usado para converter objetos JavaScript e JSON em Strings JSON. Para demonstrar isso, pegue o seguinte objeto:

Var super -herói =
Nome: "Bruce Wayne",
"Super Power": "super rico",
"Cars de propriedade": [

Nome: "Murciélago",
Modelo: "LP 640",
Status: "Crashed",
,

Nome: "Aventador",
Modelo: "LP 700-4",
Status: "Parece dirigível após o acidente",
,
],
;

Se imprimirmos este objeto no console usando a seguinte linha:

console.log (super -herói);

O resultado no console é:

Da saída, fica claro que é realmente considerado um objeto pelo nosso aplicativo JavaScript. Imprimir esse objeto no console era importante para que possamos ver a diferença entre uma saída de string e uma saída de objeto (porque às vezes eles confundem especialmente ao trabalhar com os editores de código)

Para converter isso em uma string json, usamos a seguinte linha de código:

Var SuperHerHerosting = JSON.stringify (super -herói);

Para verificar essa conversão, use a seguinte linha para imprimir a variável SuperHerostring no console:

console.log (super -herói);

Temos o seguinte resultado no console:

Você pode observar que desta vez, imprimimos uma corda no console

O método stringify () | Sintaxe

O método stringify () recebe um objeto JavaScript, converte -o em uma string e depois retorna essa string como seu valor de retorno. A sintaxe é definida como

stringify (valor: qualquer, substituição?: (isto: qualquer, chave: string, valor: qualquer) => qualquer, espaço?: string | número): string;

A sintaxe acima parece bastante assustadora se simplesmente a sintaxe se tornará:

stringify (objeto, substituto, espaço);

A partir desta sintaxe, você pode ver que são necessários 3 argumentos:

• O objeto a ser convertido na corda JSON
• Um método de substituição (que é opcional)
• Um parâmetro espacial que também é opcional

Stringify () | O parâmetro de substituição e espaço

Para explicar o parâmetro Replacer e Space, primeiro precisamos de um objeto que convertemos em uma string json, você pode criar um objeto usando as seguintes linhas:

var pessoa =
carro: "Tesla",
Instrumento: "Guitar",
Idade: 25,
Cidade: "Nova York"

Podemos passar esse objeto para o método pegajoso e exibir o resultado usando a seguinte linha:

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

Isso nos dará o seguinte resultado:

Mas e se não quisermos incluir o par de "valor-chave", que tem a chave "idade". Para isso, podemos escrever um método de substituição e passá -lo dentro do segundo argumento do método stringify.

O argumento do substituto

Este argumento leva um método replacer (), o método replacer () leva 2 parâmetros, um é a chave e o outro é o valor. Para ignorar um par de valores-chave, podemos devolver um indefinido valor. Digite as seguintes linhas de código:

functionReplacer (chave, valor)
if (key === "idade")
returnundefined;

valor de retorno;

Agora, se usarmos esse método Replacer como um argumento para o método Stringify com as seguintes linhas de código:

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

Recebemos a seguinte saída em nosso console:

Como você pode ver, o valor chave Compare com o chave = “idade” foi excluído da string resultante.

O argumento do espaço

O espaço ou o argumento espaçador coloca uma certa quantidade de espaço entre cada valor chave par. Por exemplo, se queremos um espaço de 10 caracteres entre cada par de valores-chave, podemos usar a seguinte linha de código:

console.Log (JSON.stringify (pessoa, nulo, 10))

Você receberá o seguinte resultado em seu console:

Eu marquei o espaço com uma linha vermelha para torná -la proeminente

Você pode usar uma string para o argumento do espaço também. Esta string será adicionada como uma substring antes de cada par de valores-chave. Para demonstrar isso, pegue a seguinte linha de código:

console.Log (JSON.stringify (pessoa, nula, "s"));

Você receberá o seguinte resultado em seu console:

Como você pode ver, o argumento "S" foi adicionado como uma substring antes de cada valor chave par.

Conclusão

O json.O método stringify () é usado para converter objetos JavaScript em strings json, para que eles possam ser transferidos pela Internet ou entre vários aplicativos em sua máquina local. Este método foi adicionado no JavaScript com o lançamento da versão Ecmav6 do JavaScript em execução no mecanismo V8 JavaScript. Neste post, aprendemos sobre os detalhes do stringify () Método e seu uso junto com seus exemplos.