Objeto Javascript para String

| | | | | | | | | | | | | | | | | | |

[object Object] é uma representação em string de um objeto. Você pode ver este texto se usar alert() para imprimir um objeto na tela, por exemplo. Você pode visualizar o conteúdo de um objeto usando console.log(), JSON.stringify() ou ... no loop.

Ao desenvolver o uso de JavaScript, muitos de nós encontrou a saída: [object Object]. Quando o vi, procurei meu mentor na época e perguntei: "O que isso significa também?" ". Fiquei confuso.

Este artigo pretende falar sobre esta versão e o que ela significa. Vamos falar sobre como você pode traduzir [object object] para conteúdo legível por humanos com o qual você pode trabalhar.

O que é JavaScript [object object]?

> [object Object] é uma versão de string de uma instância de objeto. Esse valor é retornado por um programa JavaScript se você tentar imprimir um objeto sem ter que primeiro colocar na forma do objeto como uma string

Esta é a sintaxe do objeto [object Object ]:.

Não admira que os desenvolvedores fiquem confusos sobre isso: não há mensagens de erro ou o guarda de avisos nos diz o que está acontecendo. Veja um exemplo deste objeto na ação

[object Object] Exemplo de JavaScript

Tome este exemplo:.

Quando a declaração de alerta () é executada, nosso código retorna [object Object]. Nosso programa tenta retornar uma representação em string do que foi passado para o método alert(). Mas, como nosso código o vê como um objeto, ele nos diz que é uma instância de um objeto

A mensagem [Object object] não é muito descritiva. Mas isso não significa que não podemos ver os valores ‚Äã‚Äãem nosso objeto. Vamos falar sobre maneiras de ler os valores ‚Äã‚Äãem um objeto

Dentro do objeto?

Saber que [object Object] é uma instância de um objeto é ótimo, mas queremos saber se está dentro do objeto. Há três maneiras de fazer isso:

  1. Faça login no console com console.log ()
  2. stringify com JSON.stringify ()
  3. Use o loop ... in e observe cada propriedade

Registrar no console

Provavelmente a melhor maneira de ver o que está dentro de um objeto é registrar o objeto no console. A instrução console.log() permite que você visualize todos os seus valores ‚Äã‚Äãem um objeto JavaScript

Considere o seguinte código:.

Podemos ver os valores ‚Äã‚Äãem nosso objeto.

use JSON.stringify()

método JSON.stringify () converte um objeto JavaScript em uma string . Podemos então manipular essa cadeia.

Então podemos usar JSON.stringify() para converter um objeto em uma string. Assim, poderíamos usar alert() para mostrar o valor da string para o usuário:

Como em nosso último exemplo, definimos um objeto chamado objA. Em seguida, usamos o método JSON.stringify() para converter o objeto em uma string. Em seguida, usamos alert para mostrar o valor da string para o console.

Nosso código abre uma janela de prompt com o seguinte conteúdo:.

Use um loop for ...

JavaScript ... em loop nos permite percorrer o conteúdo de um objeto. Podemos usar este loop para imprimir cada par de valores-chave

Considere o seguinte código:

Declaramos um objeto JSON chamado objA como fizemos nos dois últimos exemplos. Em seguida, usamos for ... in loop para percorrer o conteúdo desse objeto. O valor "key‚" representa cada chave.

Usamos o valor "key" para acessar a chave e objA [key] para acessar o valor associado a essa chave. Nosso código retorna:

Usamos a concatenação de strings para adicionar dois pontos (:) entre cada chave e o valor. Isso nos permite separar as chaves e os valores ‚Äã‚Äã para que fiquem mais legíveis na saída do nosso código.

Conclusão

O código JavaScript [Object object] é uma representação em string de um objeto. Para ver o conteúdo de um objeto, você deve imprimir o objeto no console usando console.log() ou converter o objeto para uma string. Ou você pode usar um for ... in loop para percorrer o objeto e ver seu conteúdo.

Quer saber mais sobre JavaScript? Confira nosso Guia Completo para Aprender JavaScript para obter dicas sobre os melhores recursos de aprendizagem e sobre cursos de linha .