Converter JSON em objeto em JavaScript

Siddharth Swami 18 outubro 2021
Converter JSON em objeto em JavaScript

JSON é uma linguagem leve e baseada em texto para armazenar e transferir dados. JSON representa dois tipos estruturados que são objetos e matrizes. É baseado em objetos JavaScript e significa JavaScript Object Notation. JSON é usado principalmente na troca de dados de / para a web.

Este tutorial demonstra como transformar com segurança uma string JSON em um objeto.

Os dados são recebidos do servidor na forma de uma string, valor numérico ou data. Portanto, devemos transformar os dados em um objeto para executar o arquivo. Temos uma função conhecida como JSON.parse() em JavaScript, usada para analisar os dados que se tornam um objeto JavaScript. A função analisa o texto completo fornecido pelo servidor e o transforma em um objeto.

O código a seguir demonstra o uso da função JSON.parse().

<!DOCTYPE html>
<html>
<body>
<p id="example"></p>

<script>
const text = '{"name":"ram", "age":22, "city":"New Delhi"}'
const object = JSON.parse(text);
document.getElementById("example").innerHTML = object.name + ", " + object.age;
</script>

</body>
</html>

Produção:

ram, 22

No exemplo acima, temos um texto JSON que consiste em um nome e a cidade onde a pessoa mora, que é então analisado criando um objeto para ele. Então, usando a função getElementById(), podemos obter os valores necessários.

Outra maneira de usar JSON.parse() é usando a função let() em JavaScript. Aqui, podemos analisar diretamente o texto sem primeiro atribuí-lo a uma variável e, em seguida, analisá-lo.

Veja o seguinte código.

<!DOCTYPE html>
<html>
<body>

<p id="example"></p>

<script>
    
let json_Object = JSON.parse('{"name":"ram", "age":22, "city":"New Delhi"}');
document.getElementById("example").innerHTML = json_Object.name + ", " + json_Object.age;

</script>
</body>
</html>

Produção:

ram, 22

Em JSON, objetos de data não são permitidos. Portanto, temos que escrevê-lo como uma string em JSON e, em seguida, convertê-lo de volta em um objeto de data usando a função Date().

Por exemplo,

<!DOCTYPE html>
<html>
<body>

<p id="example"></p>

<script>
    
const text1 = '{"name":"ram", "birth":"2000-03-05", "city":"New Delhi"}';
const object = JSON.parse(text1);
object.birth = new Date(object.birth);
document.getElementById("example").innerHTML = object.birth; 
</script>

</body>
</html>

Produção:

Sun Mar 05 2000 05:30:00 GMT+0530(India Standard Time)

Artigo relacionado - JavaScript JSON

Artigo relacionado - JSON Object