Como converter o objeto JavaScript em formato de string json
Este artigo vai explicar JSON.Método Stringify () em JavaScript. Também demonstraremos os exemplos relacionados ao uso de JSON.Método Stringify () com matriz de substituição, Função de substituição, e espaço parâmetro neste artigo. Então vamos começar!
O que é JSON.Método Stringify ()
Como desenvolvedor de JavaScript, pode ser necessário serializar os dados para string para armazenar no banco de dados do aplicativo ou enviá -lo para qualquer servidor da web ou uma API. Se você precisar enviar dados específicos para um servidor da web, ele deve estar no formato da string.
Sintaxe de JSON.Método Stringify ()
JSON.stringify (valor, substituto, espaço);Você pode ver pela sintaxe acima do bem-estar que o JSON.Método Stringify () tem parâmetros: “valor","substituir", e "espaço”:
- O primeiro parâmetro, “valor" representa o "objeto”Que vamos converter em uma string.
- O segundo parâmetro, “substituir”Representa um variedade ou qualquer função de modificação que pode ser utilizado como um filtro para o JSON.Método Stringify ().
- Por fim, o “espaço”O parâmetro controla os espaços na string final gerada.
O "substituir" e "espaço”Os parâmetros são opcionais, enquanto você deve passar qualquer objeto como“valor”Para o JSON.Método Stringify () para que ele possa retornar uma string.
Exemplo: JSON.Método Stringify () em JavaScript
No exemplo abaixo, utilizaremos o JSON.Método Stringify () para converter um objeto em uma string em JavaScript. Para esse fim, primeiro criaremos um objeto JavaScript “obj”E adicione alguns pares de valor-chave para isso:
var obj = "name": "Alex", "Age": 25, "City": "Paris";Em seguida, vamos passar “obj”Para o JSON.Método Stringify () e a string retornada serão armazenados em “JSON”:
var json = json.stringify (obj);Depois de invocar o JSON.Método Stringify (), as chaves adicionadas em nosso “obj”O objeto JavaScript é convertido em uma string, no entanto, o método especificado processou seus valores com base em seu tipo:
console.log (json);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:
A saída do programa acima mostra que o JSON.O método stringify () converteu com sucesso o objeto adicionado em uma string:
JSON.Método Stringify () com substituição
Como acima mencionado, "substituir”É uma discussão passada para o JSON.Método Stringify () para fazer alterações em um objeto JavaScript antes de sua conversão em uma string. O "substituirParâmetro de JSON.o método stringify () pode ser um variedade ou a função. Forneceremos exemplos relacionados a ambos os casos.
Exemplo: JSON.Método Stringify () com função Replacer
Para definir uma função de substituição, primeiro, você deve especificar “chave" e "valor”Como seus argumentos. Depois disso, você pode adicionar declarações condicionais em seu corpo e definir esta função para retornar um “valor”.
Neste exemplo, tentaremos converter o valor de um objeto em letras maiúsculas antes de convertê -lo em uma string. Para fazer isso, criaremos um “obj“Objeto JavaScript com três pares de valores-chave:
var obj = "name": "Alex", "Age": "20", "City": "Paris";Então, vamos invocar o JSON.Método Stringify () e adicione a função Replacer para converter o valor de “cidade”Chave para a letra de maiúsculas. Depois de executar esta operação, o JSON.O método stringify () será convertido “obj”Para cordas e armazenar o valor retornado em“texto”:
Var Text = JSON.stringify (obj, function (chave, valor)if (key == "city")
valor de retorno.toupppercase ();
outro
valor de retorno;
);
Por fim, exibiremos a string convertida usando o console.Método Log ():
console.log (texto);Confira a saída abaixo do ritmo; o valor do “cidade”A chave agora está em cartas maiúsculas:
Exemplo: JSON.Método Stringify () com matriz de substituição
Agora, passaremos uma matriz de substituição para o JSON.Método Stringify () como argumento. Para esse fim, criaremos um “obj”Javascript Object com o seguinte“valor chave”Pares:
var obj = "name": "Alex", "Age": 25, "City": "Paris";Em seguida, passaremos o “obj"Como um valor e"['nome idade']”Como uma matriz. Ao fazer isso, o JSON.O método stringify () apenas converterá as chaves adicionadas à matriz passada. O valor retornado pelo método invocado será armazenado em “JSON”:
var json = json.stringify (obj, ['nome', 'idade']);console.log (json);
Aqui está a saída de que obtemos passando a matriz de substituição em nosso JSON.Método Stringify ():
JSON.Método Stringify () com espaço
““espaço”É outro parâmetro opcional adicionado no“JSON.stringify ()”Método para controlar a apresentação ou exibição da corda convertida. A "número”É adicionado como espaço que representa o número de espaços em branco que você deseja colocar no início de uma linha em que as saídas iniciam.
Exemplo: JSON.Método Stringify () com espaço
Em nosso programa JavaScript, invocaremos o JSON.Método Stringify () ao adicionar o parâmetro de espaço. Para fazer isso, criaremos um objeto JavaScript chamado “obj", Tendo os três seguintes"valor chave”Pares:
var obj = "name": "Alex", "Age": "25", "City": "Paris";Depois disso, utilizaremos o JSON.Método Stringify () para converter nosso objeto JavaScript “obj"Para um"texto" corda. Observe que adicionamos “4”Como um parâmetro espacial que representa o número de espaços antes do início da string:
Var Text = JSON.stringify (obj, null, 4);console.log (texto);
Como você pode ver na saída acima do rumo, os quatro espaços são adicionados com sucesso antes de cada um “valor chave”Par.
Conclusão
O JSON.Método Stringify () converte um objeto JSON em uma string. No json.Método Stringify (), você pode especificar vários parâmetros, como substituição e espaço para alterar qualquer valor-chave ou controlar os espaços na saída. Este artigo explicou JSON.Método Stringify () em JavaScript com a demonstração dos exemplos usando a matriz Replacer, a função de substituição e o espaço.