Como exibir objetos em JavaScript?

Em JavaScript, um objeto é uma única entidade com algumas propriedades específicas. Essas propriedades definidas são as características dos objetos fornecidos. Além disso, quase tudo é um objeto em JavaScript.Portanto, devemos saber como esses objetos podem ser exibidos em JavaScript. No JavaScript, várias maneiras estão presentes para exibir objetos com base na condição e requisito. No entanto, algumas das maneiras mais comuns de exibir um objeto são:

• Exibindo objetos com base em suas propriedades
• Exibindo valores de um objeto usando para… em loop
• Exibir valores usando o objeto de método.valores ()
• Exibindo objetos usando JSON.Método Stringify ()

Agora elaboraremos todas as técnicas acima para exibir um objeto em um navegador da web com a ajuda de exemplos para deixar claro para você.

Exibindo objetos com base em suas propriedades

É a maneira mais comum de exibir objetos, pois imprime as coisas acessando as propriedades individuais de um objeto. Podemos usar dois métodos para acessar um objeto usando suas propriedades são como um suporte quadrado ou a (.) Operador. Vamos dar uma olhada nos exemplos abaixo para entender completamente.

No exemplo dado, um objeto é acessado usando o (.) Operador.

Exemplo

var menino =
Nome: "Alice",
Idade: 25,
Altura: "5 (ft)"

console.Log (garoto.nome + "," + menino.idade + "," + menino.altura);

No exemplo a seguir, um objeto é acessado usando os parênteses quadrados [].

var menino =
Nome: "Alice",
Idade: 25,
Altura: "5 (ft)"

console.log (garoto ['nome']);

Exibindo valores de um objeto usando na estrutura do loop

Loops também podem ser usados ​​para exibir e objetar e repetir os nomes das propriedades de um objeto. O benefício de operar em uma estrutura de loop é que podemos ter acesso a todos os elementos de um objeto simultaneamente. JavaScript fornece um “para… in”Loop para acessar e manipular objetos.

Vamos entender por uma declaração de exemplo.

Exemplo

var menino =
Nome: "Alicel",
Idade: 30,
Altura: "5 (ft)"

para (propriedade em menino)

console.log (menino [propriedade] +"")

Se você usar um para… no loop, ele iterará através dos nomes das propriedades do objeto como uma string. Portanto, temos que usar um objeto [propriedade] em vez de um objeto: propriedade.

Exibir valores usando o objeto de método.valores ()

O JavaScript possui inúmeras funções e métodos predefinidos e também fornece métodos internos para acessar valores de objetos conhecidos como “Objeto.valores ()”, Que é usado para exibir todos os valores de um objeto em uma matriz. Portanto, para exibir objetos no formato da matriz, use o objeto.Value () Método como o exemplo a seguir descreve.

Exemplo

var menino =
Nome: "Alice",
Idade: 25,
Altura: "5 (ft)"

Arrayval = objeto.valores (menino);
console.log (Arrayval)

Exibindo objetos usando JSON.Método Stringify ()

JavaScript Object Notation (JSON) é um método predefinido em JavaScript usado para exibir toda a estrutura de um objeto. Todos os JavaScripts devem ter um módulo JSON que suporta Stringify () que também é proficiente em converter um objeto em strings, como mostrado no exemplo abaixo.

Exemplo

var menino =
Nome: "Alice",
Idade: 25,
Altura: "5 (ft)"

objstring = json.stringify (menino);
console.log (objstring);

Conclusão

Para exibir objetos em JavaScript, algumas das maneiras mais comuns são: exibir objetos com base em suas propriedades, exibindo valores usando para… em loop, exibir valores usando o objeto de método.valores (), exibindo objetos usando JSON.Método Stringify (). Este artigo explica cada método para exibir objetos em JavaScript brevemente, juntamente com os exemplos para ter um entendimento profundo e claro.