Imprimer JSON analysé objet?

J'ai un objet javascript qui a été JSON analysée à l'aide de JSON.parse je veux maintenant l'impression de l'objet afin que je puisse le corriger (quelque chose va mal avec la fonction). Quand je fais la chose suivante...

for (property in obj) {
    output += property + ': ' + obj[property]+'; ';
}
console.log(output);

Je obtenir plusieurs [object object] cotées en bourse. Je me demandais comment puis-je imprimer cela dans le but d'afficher le contenu?

au passage, pour (propriété dans obj) la liste de toutes les propriétés, même celles héritées. De sorte que vous aurez beaucoup de superflu un cominng pour l'Objet.prototype et toute " la mère de la classe. C'est unconvenient avec des objets json. Vous avez à les filtrer avec hasOwnProperty() pour obtenir les propriétés que cet objet possède.

InformationsquelleAutor Skizit | 2011-02-08

112

Plus débogueur consoles en charge l'affichage des objets directement. Utilisez simplement
```
console.log(obj);
```
Selon votre débogueur ce sera très probablement de l'objet est affiché dans la console comme un effondrement de l'arbre. Vous pouvez ouvrir l'arbre et d'inspecter l'objet.
- Il convient de mentionner que dans chrome (et peut-être d'autres navigateurs) lorsqu'il est combiné avec une chaîne comme celle-ci: console.log("object: " + obj) il n'affiche pas l'objet, mais à la place de la sortie "objet: [Object obj]".
- obj) (Chrome) ou console.log("object: %o", obj) (Firefox|Safari) vous donne accès à l'objet de détails, voir ma réponse ci-dessous.
- bonne prise pour la mise en forme des objets dans la console.
- merci, le tien a l'information dont j'avais besoin. Doit être ajouté à la réponse.
- En plus de @DaveAnderson 's de la méthode, à l'aide d'une virgule pour séparer les chaînes d'objets peuvent également travailler: console.log("My object: ", obj)
- La meilleure solution pour la ici mentionné méthodes est tout simplement console.log({obj}). (meilleur que dans les mieux lisible de sortie et de moins en moins à écrire, mais encore clair syntaxe)
- Exactement. c'est pourquoi j'en suis arrivé à cette page.
InformationsquelleAutor RoToRa
518

Vous savez ce que JSON signifie? JavaScript Object Notation. Il fait un très bon format pour les objets.

JSON.stringify(obj) va vous redonner une représentation de chaîne de l'objet.
- wow, c'est vraiment appelé stringify 🙂
- Je suis surpris de cette réponse est en bas...... Cela devrait être accepté réponse 🙂
- Que faire si vous ne voulez pas d'une représentation de chaîne, mais plutôt l'objet tel qu'il apparaît dans un éditeur de code?
- vous ne seriez pas en train de construire une représentation de chaîne, maintenant, voulez-vous. 🙂
- Je crois SuperUberDuper lui demandait si l'objet pourrait être enregistrées ou visualisées sans convertir une chaîne de caractères. Si l'affichage dans le navigateur, le DOM a besoin d'un élément, vous pouvez stringify json pour et de définir les éléments de contenu de innerHTML pour que la chaîne de caractères à afficher sur la page.
- Par exemple: import Json à partir de". /les données.json"; var el = document.createElement('div'); el.innerHTML = JSON.stringify(Json);
InformationsquelleAutor cHao
51

essayer console.dir() au lieu de console.log()
```
console.dir(obj);
```
MDN dit console.dir() est pris en charge par:
- FF8+
- IE9+
- Opéra
- Chrome
- Safari
- Disponible uniquement dans IE9+
- console.dir() est également disponible dans FF8+, Opera, Chrome et Safari: developer.mozilla.org/en-US/docs/Web/API/console.dir
- Super! C'est la meilleure solution pour moi. Merci.
- qu'en node js ?
- bon , mais ne prend pas en charge la concaténation de chaîne comme log("chaîne de caractères" + variable)
InformationsquelleAutor Distdev
41

Si vous voulez une jolie, multiline JSON avec l'indentation, alors vous pouvez utiliser JSON.stringify avec son 3ème argument:

JSON.stringify(value[, replacer[, space]])

Par exemple:
```
var obj = {a:1,b:2,c:{d:3, e:4}};

JSON.stringify(obj, null, "    ");
```
ou
```
JSON.stringify(obj, null, 4);
```
vous donnera le résultat suivant:
```
"{
    "a": 1,
    "b": 2,
    "c": {
        "d": 3,
        "e": 4
    }
}"
```
Dans un navigateur console.log(obj) n'est même meilleur travail, mais dans une console shell (node.js) il ne le fait pas.

InformationsquelleAutor Lukasz Wiktor
34

pour Imprimer JSON analysé objet de type

console.log( JSON.stringify(data, null, " ") );

et vous obtenez un résultat très clair
- fonctionne parfaitement. merci
InformationsquelleAutor BERGUIGA Mohamed Amine
21

Utiliser un format de chaîne;
```
console.log("%s %O", "My Object", obj);
```
Chrome a Les Spécificateurs De Format avec la suivante;
- %s Formats de la valeur sous forme de chaîne de caractères.
- %d ou %i Formats de la valeur
  un entier.
- %f Formats de la valeur comme une valeur à virgule flottante.
- %o Formats de la valeur comme une extensible élément du DOM (comme dans le
  Les éléments du panneau).
- %O Formats de la valeur comme une extensible JavaScript
  objet.
- %c Formats de la chaîne de sortie en fonction des styles CSS vous
  fournir.
Firefox a également Chaîne De Changements qui ont les mêmes options.
- %o Sorties d'un lien hypertexte vers un objet JavaScript. En cliquant sur le lien ouvre un inspecteur.
- %d ou %i Sorties d'un nombre entier. Le formatage n'est pas encore pris en charge.
- %s Envoie une chaîne de caractères.
- %f Sorties une valeur à virgule flottante. Le formatage n'est pas encore pris en charge.
Safari a printf style de formateurs
- %d ou %i Entier
- %[0.N]f Valeur à virgule flottante avec N chiffres significatifs
- %o Objet
- %s Chaîne
- nice référence de réponse
- %O est vraiment utile
InformationsquelleAutor Dave Anderson

Simple fonction d'alerte de contenu d'un objet ou d'un tableau .

Appeler cette fonction avec un tableau ou une chaîne ou d'un objet, il avertit le contenu.

Fonction

function print_r(printthis, returnoutput) {
    var output = '';

    if($.isArray(printthis) || typeof(printthis) == 'object') {
        for(var i in printthis) {
            output += i + ' : ' + print_r(printthis[i], true) + '\n';
        }
    }else {
        output += printthis;
    }
    if(returnoutput && returnoutput == true) {
        return output;
    }else {
        alert(output);
    }
}

Utilisation

var data = [1, 2, 3, 4];
print_r(data);

InformationsquelleAutor Rayiez

Le code suivant affiche complet des données json dans la boîte d'alerte

var data= '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';

json = JSON.parse(data);
window.alert(JSON.stringify(json));

InformationsquelleAutor Kiran Kumar Kotari

Suffit d'utiliser

console.info("CONSOLE LOG : ")
console.log(response);
console.info("CONSOLE DIR : ")
console.dir(response);

et vous obtiendrez ceci dans une console chromée :

CONSOLE LOG : 
facebookSDK_JS.html:56 Object {name: "Diego Matos", id: "10155988777540434"}
facebookSDK_JS.html:57 CONSOLE DIR : 
facebookSDK_JS.html:58 Objectid: "10155988777540434"name: "Diego Matos"__proto__: Object

InformationsquelleAutor diego matos - keke

1

Si vous souhaitez déboguer pourquoi ne pas utiliser la console de débogage
```
window.console.debug(jsonObject);
```
InformationsquelleAutor Ruwantha
1

Agréable et simple:
```
console.log("object: %O", obj)
```
InformationsquelleAutor mbenhalima

Vous devez vous connecter pour publier un commentaire.