Como deserializar JSON com JavaScript

Neste artigo você vai aprender a como deserializar JSON com JavaScript, vamos utilizar uma abordagem super prática!

deserializar JSON com JavaScript capa

Fala programador(a), beleza? Bora aprender mais sobre JavaScript e JSON!

JSON (JavaScript Object Notation) é uma forma popular de armazenar e trocar dados na web.

Ele é baseado em um subconjunto da linguagem JavaScript e é facilmente lido e escrito por humanos e computadores.

Quando você trabalha com dados JSON, é comum precisar transformá-los em objetos JavaScript para acessar e manipular seus valores.

Esse processo é chamado de deserialização (ou parsing) de JSON. Neste artigo, vamos ver como fazer isso usando JavaScript.

Formação Claude Code
Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

  • 116 aulas
  • 4 projetos
  • 9h 23min

Usando o método JSON.parse()

O primeiro e mais simples método para deserializar JSON é usando o método JSON.parse().

Ele recebe uma string JSON como argumento e retorna um objeto JavaScript equivalente. Por exemplo:

// string JSON
let jsonString = '{"name":"John", "age":30, "city":"New York"}';

// deserializando para objeto JavaScript
let obj = JSON.parse(jsonString);

console.log(obj.name); // "John"
console.log(obj.age); // 30
console.log(obj.city); // "New York"

Usando o construtor JSON

É possível também usar o construtor JSON para deserializar um JSON.

Ele é muito parecido com o método JSON.parse(), mas ele é uma função construtora.

let jsonString = '{"name":"John", "age":30, "city":"New York"}';

let obj = new JSON(jsonString);

console.log(obj.name); // "John"
console.log(obj.age); // 30
console.log(obj.city); // "New York"

Em resumo, a deserialização de JSON em JavaScript é simples e pode ser feita usando o método JSON.parse(), o construtor JSON.

O método JSON.parse() é o método mais seguro e recomendado para deserializar JSON em JavaScript.

O que é JSON?

JSON (JavaScript Object Notation) é um formato de dados leve para representar estruturas de dados e objetos.

Ele é baseado em um subconjunto da linguagem JavaScript e é facilmente lido e escrito por humanos e computadores.

O JSON é composto por pares de chave-valor, onde cada chave é uma string e o valor pode ser uma string, número, boolean, array ou outro objeto JSON.

Exemplo de um objeto JSON:

{
    "name": "John",
    "age": 30,
    "city": "New York",
    "isEmployed": true,
    "skills": ["JavaScript", "HTML", "CSS"]
}

O JSON é amplamente utilizado na comunicação de aplicações web, pois é uma forma fácil de transmitir e armazenar dados estruturados entre aplicações diferentes.

Ele é usado para transmitir dados entre servidores e clientes, como as aplicações web, e para armazenar dados em bancos de dados NoSQL.

Deixe um comentário contando o que achou deste artigo 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

Em conclusão, deserializar um JSON com JavaScript é um processo simples e pode ser feito usando diferentes métodos.

O método mais comum e recomendado é o JSON.parse(), que transforma uma string JSON em um objeto JavaScript.

Também é possível usar o construtor JSON e a função eval(), mas é importante notar que o uso da função eval() é considerado inseguro e não é recomendado.

Independentemente do método escolhido, é importante trabalhar com dados JSON de forma segura, verificando o conteúdo antes de processá-los e evitando o uso de dados maliciosos ou não confiáveis.

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!

Escrito por | Matheus Battisti

Matheus Battisti
Fundador da Hora de Codar

Programador apaixonado pelo mundo das tecnologias, sempre buscando em aprender e se aprofundar em linguagens, frameworks e o que mais for necessário para executar um bom trabalho. Agora tem uma nova missão que é de passar seu conhecimento adiante para formar novos programadores e especializar mais os que já são.

Subscribe
Notify of
guest

0 Comentários
Oldest
Newest Most Voted

Formações

Formação Vibe Coding

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

  • 474 aulas
  • 20 projetos
  • 39h 27min

Blog | Mais populares