JavaScript JSON Parse: Convertendo uma string JSON para um objeto em JavaScript
O JSON.
Publicado em 1 de agosto de 2023
O que é o JSON em JavaScript?
Introdução
JSON (JavaScript Object Notation) é uma forma de representar dados estruturados em um formato leve e legível por humanos. É comumente usado para trocar dados entre um servidor e um cliente, ou entre diferentes partes de uma aplicação. O JSON usa uma sintaxe simples e concisa para descrever objetos e arrays, permitindo que os dados sejam armazenados, transmitidos e interpretados facilmente.
Estrutura do JSON
Ao contrário de outros formatos de dados, como XML, o JSON é baseado em uma estrutura de chave-valor. Isso significa que os dados são organizados em pares de chave e valor, onde a chave é uma string que identifica o valor associado. Esses pares podem ser aninhados uns dentro dos outros para criar estruturas de dados mais complexas.
Vantagens do JSON
Uma das principais vantagens do JSON é a sua compatibilidade com JavaScript. Como o formato foi inspirado pela notação de objetos do JavaScript, ele pode ser facilmente analisado e gerado usando a linguagem. Isso torna o JSON uma escolha natural para aplicações que utilizam JavaScript como linguagem de programação.
O JSON é amplamente utilizado na web, especialmente em serviços de API. Muitas vezes, os servidores retornam dados formatados em JSON para que os clientes possam facilmente consumir as informações. Da mesma forma, os clientes podem enviar dados em formato JSON para atualizar ou criar recursos no servidor.
Por que fazer o parse do JSON em JavaScript?
Quando um servidor retorna dados em formato JSON, eles são enviados como uma string. Para que esses dados possam ser utilizados em JavaScript, é necessário fazer o parse do JSON, convertendo a string em um objeto ou array JavaScript.
O JSON.parse() é um método incorporado no JavaScript que permite fazer o parse de uma string JSON. Ele analisa a string e a converte em uma estrutura de dados JavaScript que pode ser usada em seu código. Essa conversão facilita a manipulação dos dados e extrair as informações necessárias.
Ao fazer o parse do JSON em JavaScript, é possível acessar os valores dos pares chave-valor usando a notação de ponto ou colchetes. Também é possível percorrer arrays de objetos e realizar operações como filtrar, mapear ou reduzir os dados.
Exemplos práticos de parse de JSON em JavaScript
Vamos ver alguns exemplos práticos de como fazer o parse de uma string JSON em JavaScript.
1. Filtrando dados de um array de objetos JSON
Suponha que temos um array de objetos JSON contendo informações sobre funcionários, como nome, idade e cargo. Podemos fazer o parse desse array e filtrar apenas os funcionários com mais de 30 anos de idade.
const jsonString = '[{"nome": "João", "idade": 25, "cargo": "desenvolvedor"}, {"nome": "Maria", "idade": 35, "cargo": "gerente"}, {"nome": "Carlos", "idade": 40, "cargo": "analista"}]';
const funcionarios = JSON.parse(jsonString);
const funcionariosMaisVelhos = funcionarios.filter((funcionario) => funcionario.idade > 30);
console.log(funcionariosMaisVelhos);
2. Navegando por um objeto JSON
Suponha que temos um objeto JSON com informações sobre um produto, como nome, preço e descrição. Podemos fazer o parse desse objeto e exibir essas informações em uma página HTML.
const jsonString = '{"nome": "Celular", "preco": 1999.99, "descricao": "Um smartphone com câmera de alta resolução e grande capacidade de armazenamento."}';
const produto = JSON.parse(jsonString);
const nomeElement = document.getElementById("nome");
const precoElement = document.getElementById("preco");
const descricaoElement = document.getElementById("descricao");
nomeElement.innerHTML = produto.nome;
precoElement.innerHTML = produto.preco;
descricaoElement.innerHTML = produto.descricao;
Conclusão
O JSON é uma forma eficiente e popular de representar dados estruturados em um formato leve e legível por humanos. Com o JavaScript, podemos facilmente fazer o parse de uma string JSON para um objeto ou array, permitindo-nos manipular os dados de forma simples e intuitiva.
O método JSON.parse() é uma ferramenta poderosa que nos permite extrair informações úteis de uma string JSON. Ao converter a string em uma estrutura de dados JavaScript, podemos acessar os valores dos pares chave-valor, percorrer arrays de objetos, filtrar, mapear e reduzir os dados de acordo com nossas necessidades.
Portanto, ao trabalhar com dados JSON em JavaScript, lembre-se do JSON.parse(), usando-o para converter strings JSON em objetos ou arrays e desbloqueando todo o potencial dos dados estruturados em suas aplicações.
A Awari é a melhor plataforma para aprender sobre programação no Brasil.
Aqui você encontra cursos com aulas ao vivo, mentorias individuais com os melhores profissionais do mercado e suporte de carreira personalizado para dar seu próximo passo profissional e aprender habilidades como Data Science, Data Analytics, Machine Learning e mais.
Já pensou em aprender de maneira individualizada com profissionais que atuam em empresas como Nubank, Amazon e Google? Clique aqui para se inscrever na Awari e começar a construir agora mesmo o próximo capítulo da sua carreira em dados.
Aprenda uma nova língua na maior escola de idioma do mundo!
Conquiste a fluência no idioma que sempre sonhou com uma solução de ensino completa.
+ 400 mil alunos
Método validado
Aulas
Ao vivo e gravadas
+ 1000 horas
Duração dos cursos
Certificados
Reconhecido pelo mercado
Artigos Relacionados
Confira abaixo mais conteúdos sobre o tema
Curso Técnico Desenvolvedor de Sistemas: Aprenda a criar soluções tecnológicas
Um curso técnico desenvolvedor de sistemas é uma formação...
Curso Desenvolvedor Web em Curitiba: Aprenda a Programar e Construa sua Carreira
Curso Desenvolvedor Web Curitiba: Aprenda a programar, construa uma...
Curso Técnico de Desenvolvedor de Software: Aprenda as habilidades necessárias para se tornar um profissional de sucesso na área de desenvolvimento de software.
Resumo: Descubra os benefícios de fazer um curso técnico...
