Convertendo String para Objeto em JavaScript

Neste artigo você vai entender como você pode estar convertendo string para objeto utilizando a linguagem JavaScript!

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

JavaScript é uma linguagem de programação que permite implementar lógica complexa na web, tornando-a mais interativa e responsiva.

Uma das operações fundamentais que os desenvolvedores de JavaScript realizam é a manipulação de dados, que muitas vezes envolve converter tipos de dados.

Neste artigo, abordaremos um tópico comum na programação JavaScript: “Convertendo String para Objeto”.

O que é uma String?

Em JavaScript, uma String é um tipo de dado primitivo que é usado para representar e manipular uma sequência de caracteres.

As strings são úteis para armazenar dados que podem ser representados na forma de texto.

O que é um Objeto?

Em JavaScript, um objeto é uma coleção não ordenada de pares de chave-valor. Os objetos são usados para armazenar coleções de dados e entidades mais complexas.

Em JavaScript, quase tudo é um objeto.

Formação Recomendada

Formação Claude Code

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

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

Convertendo String para Objeto com JSON.parse()

O método mais comum para converter uma string em um objeto é usando o método JSON.parse(). Este método aceita uma string JSON e a transforma em um objeto JavaScript.

let jsonString = '{"nome":"João","idade":30,"cidade":"São Paulo"}';
let objeto = JSON.parse(jsonString);
console.log(objeto.nome); // "João"

Considerações Importantes ao Usar JSON.parse()

Existem algumas coisas importantes a considerar ao usar JSON.parse(). Primeiro, a string deve estar em um formato JSON válido.

Isso significa que todas as chaves devem estar entre aspas duplas.

Além disso, JSON.parse() irá gerar um erro se a string não puder ser analisada como JSON válido.

Portanto, é uma boa prática usar um bloco try/catch para lidar com possíveis erros.

try {
  let objeto = JSON.parse(jsonString);
} catch(e) {
  console.error(e);
}

Convertendo String para Objeto com eval()

Outra maneira de converter uma string em um objeto é usar a função eval(). No entanto, o uso de eval() é geralmente desencorajado devido a problemas de segurança. eval() irá executar qualquer código JavaScript que ele é dado, o que pode levar a problemas de segurança se o código contém comandos mal-intencionados.

let jsonString = '({"nome":"João","idade":30,"cidade":"São Paulo"})';
let objeto = eval(jsonString);
console.log(objeto.nome); // "João"

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

Conclusão

Convertendo String para Objeto é uma habilidade essencial em JavaScript que você usará com frequência ao lidar com dados. Esperamos que este artigo tenha ajudado a esclarecer como realizar essa tarefa.

Lembre-se, no entanto, que é importante considerar a segurança e a eficiência ao escolher qual método usar para a conversão.

Se você tiver dúvidas ou comentários, sinta-se à vontade para compartilhá-los abaixo!

Está buscando em evoluir como Programador? Confira o nossos cursos clicando aqui.

Nosso principal objetivo é tornar você um dev profissional que é capaz de resolver problemas de alta dificuldade e criar projetos complexos, através de uma metodologia planejada nos mínimos detalhes, após formar muitos outros desenvolvedores.

Cursos com vários projetos, exercícios, material apoio, comunidade de alunos e muito mais!

E o caminho de volta? Convertendo Objeto para String com JSON.stringify()

Toda hora que você converte string pra objeto, mais cedo ou mais tarde vai precisar do contrário

Pra mandar dado pra uma API, guardar no localStorage ou logar bonito no console, você transforma o objeto de volta em texto

O método pra isso é o JSON.stringify(), o irmão gêmeo do JSON.parse()

let objeto = {nome: ‘João’, idade: 30, cidade: ‘São Paulo’}; let jsonString = JSON.stringify(objeto); console.log(jsonString); // ‘{"nome":"João","idade":30,"cidade":"São Paulo"}’

Se liga que agora tudo virou texto, inclusive as chaves com aspas duplas certinho, do jeitinho que o JSON exige

Se você entendeu o parse, o stringify é o mesmo caminho ao contrário, então já saiu daqui sabendo os dois =)

O erro que mais aparece aqui é o famoso ‘Unexpected token in JSON’

Ele quase sempre é a mesma coisa: chave sem aspas duplas, aspas simples no lugar das duplas, ou uma vírgula sobrando no final

Quando esse erro aparecer, olha primeiro pro formato da string antes de sair mexendo no código, na maioria das vezes o problema tá no texto e não no JSON.parse()

Já me ferrei mais de uma vez colando uma string com aspas simples e ficando bravo achando que era bug do método haha

Perguntas frequentes sobre converter string para objeto:

Qual a diferença entre JSON.parse() e eval()?

Os dois transformam a string em objeto, mas o JSON.parse() só entende JSON válido e é seguro

O eval() executa qualquer código que receber, então abre brecha pra código malicioso, por isso a recomendação é ficar com o JSON.parse()

JSON.parse() funciona com array?

Funciona sim, se a string representar um array em formato JSON ele devolve um array de verdade

let frutas = JSON.parse(arrayString);

Como converter uma string que não está em formato JSON?

Aí o JSON.parse() não te ajuda, porque ele só lê JSON válido

Se for algo tipo ‘nome=João&idade=30’ você precisa tratar o texto na mão (split, replace e por aí vai) e montar o objeto você mesmo

O objeto convertido some quando recarrego a página?

Some, o objeto vive só na memória enquanto o script roda

Se você quer que ele persista, salva a string no localStorage e faz o JSON.parse() de novo quando a página abrir