JSON.stringfy converte um objeto JSON em um string.
É exatamente a função inversa do JSON.parse.
Uma outra explicação, A função stringfy aglutina todos os objetos json num único string.
É exatamente a maneira como enviamos um objeto JSON embutido no response da página.
Não há melhor maneira de explicar que pegar um string converter em um objeto JSON ( comando parse ) e converter o objeto json em string ( comando stringfy ).
const jsonObject = { nome: "João", idade: 30, cidade: "Catanduva" };
const jsonString = JSON.stringify(jsonObject);
alert(jsonString);
document.getElementById("strJSON").value = jsonString;
document.getElementById("strNome").value = jsonObject.nome;
document.getElementById("strIdade").value = jsonObject.idade;
document.getElementById("strCidade").value = jsonObject.cidade;
A primeira coisa é definir um objeto JSON :
const jsonObject = { nome: "João", idade: 30, cidade: "Catanduva" };
Note que se a definição fosse : const jsonString = '{ nome: "João", idade: 30, cidade: "Catanduva" }'; seria um string
e precisariamos do JSON.Parse para converter o string em um objeto JSON.
A segunda coisa é const jsonString = JSON.stringify(jsonObject);
Esta funcionalidade transforma o objeto JSON em um string JSON e com isso podemos exibir ele num input de uma página web.
Note que se fossemos enviar a resposta JSON de um processo seria a funcionalidade JSON.stringfy que converteria o objeto JSON em um string JSON e assim poderíamos enviar ele num response da página.
A terceira coisa é a exibição dos valores para constatarmos que tudo funcionou perfeitamente.
document.getElementById("strJSON").value = jsonString;
exibe o objeto JSON convertido em string.
document.getElementById("strNome").value = jsonObject.nome;
document.getElementById("strIdade").value = jsonObject.idade;
document.getElementById("strCidade").value = jsonObject.cidade;
exibem os valores do objeto JSON original.