"Como `JSON.parse()` e `JSON.stringify()` Funcionam?"
Existem dois métodos poderosos em JavaScript para manipular dados JSON:
JSON.parse() e JSON.stringify(). Esses métodos são comumente usados para converter entre strings JSON e objetos JavaScript.
JSON.stringify() é usado para converter um objeto JavaScript em uma string JSON. Isso é útil quando você quer armazenar ou transmitir dados em um formato que pode ser facilmente compartilhado ou transferido entre sistemas.
Aqui está como você pode usar o método JSON.stringify():
const user = {
name: "John",
age: 30,
isAdmin: true
};
const jsonString = JSON.stringify(user);
console.log(jsonString);
O método JSON.stringify() também aceita um parâmetro opcional chamado replacer, que pode ser uma função ou um array. Aqui está um exemplo de uso de um array para o parâmetro opcional replacer:
const developerObj = {
firstName: "Jessica",
isAwesome: true,
isMusician: true,
country: "USA",
};
// result: {"firstName":"Jessica","country":"USA"}
console.log(JSON.stringify(developerObj, ["firstName", "country"]));
Neste exemplo, temos um developerObj com quatro propriedades. Quando usamos o método JSON.stringify(), podemos passar um array como segundo parâmetro e especificar quais propriedades queremos converter em string. O resultado será um objeto convertido em string contendo apenas as propriedades firstName e country.
Outro parâmetro opcional para o método JSON.stringify() seria o parâmetro spacer. Isso permite que você controle o espaçamento para o resultado convertido em string:
const developerObj = {
firstName: "Jessica",
isAwesome: true,
isMusician: true,
country: "USA",
};
console.log(JSON.stringify(developerObj, null, 2));
/* result
{
"firstName": "Jessica",
"isAwesome": true,
"isMusician": true,
"country": "USA"
}
*/
Na maioria das vezes você não usará nenhum desses parâmetros opcionais para o método JSON.stringify() mas ainda é útil estar ciente deles.
Outro método que você usará muito na sua programação é o método JSON.parse(). JSON.parse() converte uma string JSON de volta em um objeto JavaScript. Isso é útil quando você recupera dados JSON de um servidor web ou de localStorage e precisa manipular os dados na sua aplicação. You will learn more about localStorage in a future lesson.
Aqui está um exemplo de como trabalhar com o método JSON.parse():
const jsonString = '{"name":"John","age":30,"isAdmin":true}';
const userObject = JSON.parse(jsonString);
console.log(userObject);
// Result:
// { name: 'John', age: 30, isAdmin: true }
Isso permite que você trabalhe com os dados no seu programa como um objeto JavaScript normal, facilitando a manipulação e o uso.
Em módulos futuros, continuaremos a aprender mais sobre como trabalhar com JSON e os métodos JSON.parse() e JSON.stringify().Este módulo não possui perguntas. Marque como concluído.