Imprimer un objet analysé JSON?

J'ai un objet javascript qui a été analysé en JSON en utilisant JSON.parseJe veux maintenant imprimer l'objet afin de pouvoir le déboguer (quelque chose ne va pas avec la fonction). Quand je fais ce qui suit ...

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

Je reçois plusieurs [Object Object] répertoriés. Je me demande comment est-ce que j'imprimerais ceci pour voir le contenu?

La plupart des consoles de débogage prennent en charge l'affichage direct des objets. Utilisez simplement

console.log(obj);

Selon votre débogueur, cela affichera très probablement l'objet dans la console sous la forme d'une arborescence réduite. Vous pouvez ouvrir l'arborescence et inspecter l'objet.

Vous savez ce que signifie JSON? Notation d'objet JavaScript . Cela fait un assez bon format pour les objets.

JSON.stringify(obj) vous donnera une représentation sous forme de chaîne de l'objet.

essayez console.dir()au lieu deconsole.log()

console.dir(obj);

MDN dit console.dir()est soutenu par:

• FF8 +
• IE9 +
• Opéra
• Chrome
• Safari

Si vous voulez un joli JSON multiligne avec indentation, vous pouvez utiliser JSON.stringifyavec 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, le travail console.log(obj)est encore meilleur, mais pas dans une console shell (node.js).

pour imprimer un objet analysé JSON, tapez simplement

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

et vous obtiendrez une sortie très claire

Utilisez des formats de chaîne;

console.log("%s %O", "My Object", obj);

Chrome a des spécificateurs de format avec les éléments suivants;

• %s Formate la valeur sous forme de chaîne.
• %dou %iFormate la valeur sous forme d'entier.
• %f Formate la valeur sous forme de valeur à virgule flottante.
• %o Formate la valeur comme un élément DOM extensible (comme dans le panneau Eléments).
• %O Formate la valeur en tant qu'objet JavaScript extensible.
• %c Formate la chaîne de sortie en fonction des styles CSS que vous fournissez.

Firefox a également des sous-positions de chaînes qui ont des options similaires.

• %oGénère un lien hypertexte vers un objet JavaScript. Cliquer sur le lien ouvre un inspecteur.
• %dou %iProduit un entier. Le formatage n'est pas encore pris en charge.
• %s Génère une chaîne.
• %fGénère une valeur à virgule flottante. Le formatage n'est pas encore pris en charge.

Safari dispose de formateurs de style printf

• %dou %iEntier
• %[0.N]f Valeur en virgule flottante avec N chiffres de précision
• %o Objet
• %s Chaîne

Agréable et simple:

console.log("object: %O", obj)

Utilisez simplement

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

et vous obtiendrez ceci dans la console chrome:

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

Fonction simple pour alerter le contenu d'un objet ou d'un tableau.
Appelez cette fonction avec un tableau ou une chaîne ou un objet dont elle alerte 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);
    }
}

Usage

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

Le code suivant affichera les données json complètes 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));

Si vous voulez déboguer, pourquoi ne pas utiliser le débogage de la console

window.console.debug(jsonObject);

Si vous travaillez en js sur un serveur, juste un peu plus de gymnastique va un long chemin ... Voici mon ppos (pretty-print-on-server):

ppos = (object, space = 2) => JSON.stringify(object, null, space).split('\n').forEach(s => console.log(s));

ce qui permet de créer quelque chose que je peux réellement lire lorsque j'écris du code serveur.

Je ne sais pas comment cela n'a jamais été fait officiellement, mais j'ai ajouté ma propre jsonméthode pour consolem'opposer à l'impression plus facile des journaux stringifiés:

L'observation d'objets (non primitifs) en javascript est un peu comme la mécanique quantique. Ce que vous "mesurez" n'est peut-être pas l'état réel, qui a déjà changé.

console.json = console.json || function(argument){
    for(var arg=0; arg < arguments.length; ++arg)
        console.log(  JSON.stringify(arguments[arg], null, 4)  )
}

// use example
console.json(   [1,'a', null, {a:1}], {a:[1,2]}    )

Plusieurs fois, il est nécessaire d'afficher une version chaîne d'un objet car l'impression en l'état (objet brut) imprimera une version "en direct" de l'objet qui subit une mutation à mesure que le programme progresse et ne reflétera pas l'état de l'objet au point de connexion, par exemple:

var foo = {a:1, b:[1,2,3]}

// lets peek under the hood
console.log(foo) 

// program keeps doing things which affect the observed object
foo.a = 2
foo.b = null