Como usar o JSON.Parse () e JSON.stringify ()

JSON significa JavaScript Object Noteation. JSON é um formato de dados legível por humanos comumente usado para trocar dados entre navegador da web, clientes e servidores. A maioria das APIs modernas usando formatos JSON como saída. É por isso que o JSON está se tornando um formato de dados popular para a saída da API.

O JavaScript fornece dois métodos para trabalhar com o conteúdo JSON. analisar e se rigitar. Os métodos são JSON.Parse () e JSON.stringify ().

• JSON.Parse () O método leva a string json e a transforma em um objeto JavaScript.
• JSON.stringify () O método pega um objeto JavaScript e o transforma em uma string json.

1. Usando JSON.Parse ()

O json.a função parse () pega a entrada de um JSON Data e o transforma em um objeto JavaScript. Aqui está um exemplo simples de converter uma string json em um objeto JS.

// armazena dados JSON em uma variável JavaScript var json = '"id": 1, "nome": "Dan Radak", "Country": "United States"'; // Converta a string json para JavaScript Object var obj = json.Parse (JSON); // Acesse valores individuais do JavaScript Object Console.log (obj.eu ia); // saídas: 1 console.log (obj.nome); // Saídas: Dan Radak Console.log (obj.país); // saídas: Estados Unidos

12345678910

// armazena dados json em um JavaScript variablevar json = '"id": 1, "name": "Dan Radak", "país": "Estados Unidos"'; // Converta a string json em javascript objectvar obj = json.Parse (JSON); // Acesse valores individuais do Javascript ObjectConsole.log (obj.eu ia); // saídas: 1console.log (obj.nome); // Saídas: Dan RadakConsole.log (obj.país); // saídas: Estados Unidos

Passando uma função - Você também pode passar uma função como segundo argumento (opcional) para JSON.função parse () para executar alguma tarefa em cada valores JSON. Aqui está um exemplo ao qual uma função transforma todos os valores de string em maiúsculas no objeto retornado do método parse:

// armazena dados JSON em uma variável JavaScript var json = '"id": 1, "nome": "Dan Radak", "Country": "United States"'; // Converta a string json para JavaScript Object var obj = json.parse (json, (chave, valor) => if (typeof value === 'string') Valor de retorno.toupppercase (); valor de retorno; ); // Acesse valores individuais do JavaScript Object Console.log (obj.eu ia); // saídas: 1 console.log (obj.nome); // Saídas: Dan Radak Console.log (obj.país); // saídas: Estados Unidos

123456789101112131415

// armazena dados json em um JavaScript variablevar json = '"id": 1, "name": "Dan Radak", "país": "Estados Unidos"'; // Converta a string json em javascript objectvar obj = json.parse (json, (chave, valor) => if (typeof value === 'string') Valor de retorno.toupppercase (); valor de retorno;); // Acesse valores individuais do Javascript ObjectConsole.log (obj.eu ia); // saídas: 1console.log (obj.nome); // Saídas: Dan RadakConsole.log (obj.país); // saídas: Estados Unidos

Assumimos que isso ajuda você a entender os usos do JSON.Método parse (). Em seguida, aprenda outro método JSON.stringify () para executar o inverso de acima.

2. Usando JSON.stringify ()

JSON.O método stringify () é usado para transformar um objeto JavaScript em String json. Você pode simplesmente passar um objeto JavaScript para esta função e obter uma matriz JSON.

Aqui está um exemplo simples de JSON.Método Stringify ():

// Crie um objeto JavaScript var obj = id: 1, nome: "Dan RADAK", país: "United States" // convertendo o objeto JS em json string var json = json.stringify (obj); console.log (json); // Saída esperada: "id": 1, "nome": "Dan Radak", "Country": "United States"

12345678

// Crie um objeto JavaScript var obj = id: 1, nome: "Dan RADAK", país: "United States" // convertendo o objeto JS em json stringvar json = json.stringify (obj); console.log (json); // Saída esperada: "id": 1, "nome": "Dan Radak", "Country": "United States"

Você também pode passar dois argumentos adicionais, um é a função Replacer e o segundo pode ser o valor do espaço para formatar a saída.

Usando a função Replacer - Uma função de substituição é usada para filtrar os valores de saída. Por exemplo, você pode criar uma função e passar como argumento. Esta função retornará qualquer valor de string como indefinido.

// Javascript Object var obj = id: 1, nome: "Dan RADAK", idade: 28, país: "Estados Unidos" Replacer da função (chave, valor) // filtrando as propriedades se (tipoof valor ====== 'String') return indefinido; valor de retorno; // Usando um console de função de substituição.Log (JSON.stringify (obj, replacer)); // Saída esperada: "id": 1, "idade": 28

1234567891011121314

// Javascript Object var obj = id: 1, nome: "Dan RADAK", idade: 28, país: "Estados Unidos" Replacer da função (chave, valor) // filtrando as propriedades se (tipoof valor ====== 'String') return indefinido; retornar valor; // usando um replacer functionConsole.Log (JSON.stringify (obj, replacer)); // Saída esperada: "id": 1, "idade": 28

Usando a matriz como substituição - Você também pode passar por uma matriz contendo alguns nomes de chave como substituidor. Aqui a função stringify () retornará apenas os valores de chave de chave correspondentes que as teclas são enviadas como substituição.

Por exemplo, enviamos ID e nome em uma matriz como função de substituição. Nesse caso, apenas esses valores são retornados como objeto JS e descartados qualquer outro valores.

// Crie um objeto JavaScript var obj = id: 1, nome: "Dan RADAK", idade: 28, país: "Estados Unidos" // convertendo o objeto JS em string json com o console de substituição de matriz.Log (JSON.stringify (obj, ["id", "nome"])); // Saída esperada: "id": 1, "nome": "Dan RADAK"

123456

// Crie um objeto JavaScript var obj = id: 1, nome: "Dan RADAK", idade: 28, país: "Estados Unidos" // Convertendo o objeto JS em string json com a matriz replacerconsole.Log (JSON.stringify (obj, ["id", "name"])); // saída esperada: "id": 1, "nome": "dan radak"

Argumento do espaço passando - Você também pode passar o valor espacial como um terceiro argumento opcional. Isso ajuda a produzir saída em formato mais legível.

// Crie um objeto JavaScript var obj = id: 1, nome: "Dan RADAK", idade: 28, país: "Estados Unidos" // Função de substituição vazia Replacer da função (chave, valor) Return Value; // Usando console de argumento de espaço opcional.Log (JSON.stringify (obj, replacer, "); // saída esperada // //" id ": 1, //" name ":" Dan Radak ", //" Age ": 28, //" country ":" Estados Unidos "// // Usando uma guia como console de argumentos espaciais.Log (JSON.stringify (obj, replacer, '\ t'); // saída esperada // // "id": 1, // "nome": "Dan Radak", // "Age": 28, // "país": "Estados Unidos" //

123456789101112131415161718192021222324252627

// Crie um objeto JavaScript var obj = id: 1, nome: "Dan RADAK", idade: 28, país: "Estados Unidos" // vazio Splacer functionFunção Replacer (chave, valor) retorna valor; // Usando o Space ArgumentConsole opcional.Log (JSON.stringify (obj, replacer, "); // saída esperada // //" id ": 1, //" name ":" Dan Radak ", //" Age ": 28, //" country ":" Estados Unidos "// // Usando uma guia como espaço de argumento.Log (JSON.stringify (obj, replacer, '\ t'); // saída esperada // // "id": 1, // "name": "Dan Radak", // "Age": 28, // "país ": "Estados Unidos"//

Conclusão

Neste tutorial, você aprendeu os usos do JSON.Parse () e JSON.Métodos Stringify ().