Objet Javascript Dans La Chaîne

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

[object Object] est une représentation sous forme de chaaîne d’un objet. Vous pouvez voir ce texte si vous utilisez alert() pour imprimer un objet à l’écran, par exemple. Vous pouvez afficher le contenu d’un objet en utilisant console.log (), JSON.stringify (), ou une boucle for‚Ķ.

En développant à l’aide de JavaScript, beaucoup d’entre nous ont rencontré la sortie: [objet Objet]. Quand je l’ai vu pour la première fois, je suis allé voir mon mentor de l’époque et lui ai demandé: "Qu’est-ce que cela veut dire aussi ?". J’étais confus.

Cet article est destiné à vous parler de cette sortie et de ce qu’elle signifie. Nous verrons comment vous pouvez traduire [objet objet] en un contenu lisible par l’homme avec lequel vous pouvez travailler.

Qu’est-ce que JavaScript [objet objet] ?

> [ object Object] est une version chaaîne d’une instance d’objet. Cette valeur est renvoyée par un programme JavaScript si vous essayez d’imprimer un objet sans d’abord formater l’objet sous forme de chaaîne.

Voici la syntaxe de l’objet [Object Object]:

Pas étonnant que les développeurs soient confus à ce sujet: il n’y a pas de messages d’erreur ou des avertissements nous informant de ce qui se passe. Look Let un exemple de cet objet dans l’ action

[object Object] Exemple JavaScript

Prenez cet exemple:.

Lorsque l’instruction alert() est exécutée, notre code renvoie [object Object]. Notre programme essaie de renvoyer une représentation sous forme de chaaîne de ce qui a été passé à la méthode alert(). Mais, puisque notre code le voit comme un objet, il nous dit qu’il s’agit plutôt d’une instance d’un objet.

L’[Object Object] le message n’est pas très descriptif. Mais cela ne veut pas dire que nous ne pouvons pas voir les valeurs dans notre objet. Parlons des façons dont nous pouvons lire les valeurs dans un objet.

Qu’y a-t-il à l’intérieur de l’objet ?

Savoir que [object Object] est une instance d’un objet est génial, mais nous voulons savoir qu’il est à l’intérieur de l’objet. Il y a trois façons de le faire:

  1. Connectez-vous à la console avec console.log ()
  2. Stringify avec JSON.stringify ()
  3. Utilisez la boucle for‚Ķ in et examinez chaque propriété individuelle
  4. Inscrivez -vous à la console

    Probablement la meilleure façon de voir ce qui est à l’ intérieur d’ un objet est d’enregistrer l’objet sur la console. L’instruction console.log() vous permet d’afficher toutes les valeurs d’un objet JavaScript.

    Considérez le code suivant:

    On peut voir les valeurs dans notre objet.

    Utiliser JSON.stringify()

    Le La méthode JSON.stringify () convertit un objet JavaScript en chaaîne. Nous pouvons ensuite manipuler cette chaaîne.

    Ensuite, nous pouvons utiliser JSON.stringify() pour convertir un objet en chaaîne. Ainsi, nous pourrions utiliser alert() pour montrer la valeur de la chaaîne à l’utilisateur:

    Comme dans notre dernier exemple, nous avons défini un objet appelé objA . Ensuite, nous utilisons la méthode JSON.stringify() pour convertir l’objet en chaaîne. Nous utilisons ensuite alert pour afficher la valeur de la chaaîne à la console.

    Notre code ouvre une fenêtre d’invite avec le contenu suivant:

    Use a For .. . in Loop

    Le JavaScript for‚Ķ in Loop permet de faire défiler le contenu d’un objet. Nous pouvons utiliser cette boucle pour imprimer chaque paire clé-valeur.

Considérez le code suivant:

Nous avons déclaré un objet JSON appelé objA comme nous l’avons fait dans les deux derniers exemples. Ensuite, nous utilisons une boucle for‚Ķ in pour parcourir le contenu de cet objet. La valeur "clé" représente chaque clé.

Nous utilisons la valeur "clé" pour accéder à la clé et objA [clé] pour accéder à la valeur associée à cette clé. Notre code renvoie:

Nous utilisons la concaténation de chaaînes pour ajouter deux points (:) entre chaque clé et valeur. Cela nous permet de séparer les clés et les valeurs afin qu’elles soient plus lisibles dans la sortie de notre code.

Conclusion

Le JavaScript [object Object] est une représentation sous forme de chaaîne de un objet. Pour voir le contenu d’un objet, vous devez imprimer l’objet sur la console à l’aide de console.log () ou convertir l’objet en chaaîne. Ou vous pouvez utiliser une boucle for‚Ķ pour parcourir l’objet et voir son contenu.

Vous souhaitez en savoir plus sur JavaScript ? Consultez notre Guide complet d’apprentissage de JavaScript pour obtenir des recommandations sur les meilleures ressources d’apprentissage et cours en ligne.