Comment afficher des objets en javascript?

En JavaScript, un objet est une entité unique avec certaines propriétés spécifiques. Ces propriétés définies sont les caractéristiques des objets donnés. De plus, presque tout est un objet en javascript.Par conséquent, nous devons savoir comment ces objets peuvent être affichés dans JavaScript. En JavaScript, diverses manières sont présentes pour afficher des objets en fonction de l'état et de l'exigence. Cependant, certains des moyens les plus courants d'afficher un objet sont:

• Affichage d'objets en fonction de leurs propriétés
• Affichage des valeurs d'un objet utilisant pour… en boucle
• Afficher les valeurs à l'aide de l'objet de méthode.valeurs()
• Affichage d'objets à l'aide de JSON.méthode stringify ()

Maintenant, nous allons développer toutes les techniques ci-dessus pour afficher un objet sur un navigateur Web à l'aide d'exemples pour le rendre clair pour vous.

Affichage d'objets en fonction de leurs propriétés

C'est le moyen le plus courant d'afficher des objets car il imprime les choses en accédant aux propriétés individuelles d'un objet. Nous pouvons utiliser deux méthodes pour accéder à un objet en utilisant ses propriétés sont comme un support carré ou un (.) opérateur. Jetons un coup d'œil aux exemples ci-dessous pour le comprendre complètement.

Dans l'exemple donné, un objet est accessible en utilisant le (.) opérateur.

Exemple

var boy =
Nom: "Alice",
Âge: 25,
hauteur: "5 (ft)"

console.bûche (garçon.nom + "," + garçon.Âge + "," + Boy.hauteur);

Dans l'exemple suivant, un objet est accessible en utilisant les crochets [] [].

var boy =
Nom: "Alice",
Âge: 25,
hauteur: "5 (ft)"

console.log (garçon ['name']);

Affichage des valeurs d'un objet utilisant dans la structure de boucle

Les boucles peuvent également être utilisées pour afficher et s'opposer et répéter les noms des propriétés d'un objet. L'avantage du fonctionnement dans une structure de boucle est que nous pouvons avoir accès à tous les éléments d'un objet simultanément. JavaScript fournit un «pour… dans”Boucle pour accéder et manipuler les objets.

Comprenons-le par un exemple de déclaration.

Exemple

var boy =
Nom: "Alicel",
Âge: 30,
hauteur: "5 (ft)"

pour (propriété en garçon)

console.log (garçon [propriété] + "")

Si vous utilisez un pour… dans la boucle, il iratera à travers les noms des propriétés d'objet comme une chaîne. Nous devons donc utiliser un objet [propriété] plutôt qu'un objet: propriété.

Afficher les valeurs à l'aide de l'objet de méthode.valeurs()

JavaScript a de nombreuses fonctions et méthodes prédéfinies et il fournit également des méthodes intégrées pour accéder aux valeurs d'objets appelées «Objet.valeurs()», Qui est utilisé pour afficher toutes les valeurs d'un objet dans un tableau. Par conséquent, pour afficher des objets au format de tableau, utilisez l'objet.La méthode valeur () comme l'exemple suivant représente.

Exemple

var boy =
Nom: "Alice",
Âge: 25,
hauteur: "5 (ft)"

ArrayVal = objet.valeurs (garçon);
console.journal (arrayval)

Affichage d'objets à l'aide de JSON.méthode stringify ()

La notation d'objet JavaScript (JSON) est une méthode prédéfinie dans JavaScript utilisée pour afficher toute la structure d'un objet. Tous les javascripts doivent avoir un module JSON qui prend en charge le scénario Stringify () qui est également compétent pour convertir un objet en chaînes, comme indiqué dans l'exemple ci-dessous.

Exemple

var boy =
Nom: "Alice",
Âge: 25,
hauteur: "5 (ft)"

objstring = json.Stringify (garçon);
console.log (objstring);

Conclusion

Pour afficher des objets en JavaScript, certaines des façons les plus courantes sont les suivantes: afficher des objets en fonction de leurs propriétés, affichant des valeurs en utilisant… en boucle, affichez des valeurs à l'aide de l'objet de méthode.valeurs (), affichant des objets à l'aide de JSON.méthode stringify (). Cet article explique chaque méthode pour afficher brièvement des objets en JavaScript, ainsi que les exemples pour avoir une compréhension profonde et claire.