JSON-analysiertes Objekt drucken?

Ich habe ein Javascript-Objekt, das mit JSON analysiert wurde. JSON.parseIch möchte das Objekt jetzt drucken, damit ich es debuggen kann (mit der Funktion läuft etwas schief). Wenn ich folgendes mache ...

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

Ich bekomme mehrere [Objekt Objekt] aufgelistet. Ich frage mich, wie ich das ausdrucken soll, um den Inhalt anzuzeigen.

Die meisten Debugger-Konsolen unterstützen die direkte Anzeige von Objekten. Benutz einfach

console.log(obj);

Abhängig von Ihrem Debugger wird das Objekt in der Konsole höchstwahrscheinlich als reduzierter Baum angezeigt. Sie können den Baum öffnen und das Objekt untersuchen.

Sie wissen, wofür JSON steht? JavaScript-Objektnotation . Es ist ein ziemlich gutes Format für Objekte.

JSON.stringify(obj) gibt Ihnen eine Zeichenfolgendarstellung des Objekts zurück.

versuche console.dir()stattconsole.log()

console.dir(obj);

MDN sagt, console.dir()wird unterstützt von:

• FF8 +
• IE9 +
• Oper
• Chrom
• Safari

Wenn Sie einen hübschen, mehrzeiligen JSON mit Einrückung möchten, können Sie ihn JSON.stringifymit seinem dritten Argument verwenden:

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

Beispielsweise:

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

JSON.stringify(obj, null, "    ");

oder

JSON.stringify(obj, null, 4);

gibt Ihnen folgendes Ergebnis:

"{
    "a": 1,
    "b": 2,
    "c": {
        "d": 3,
        "e": 4
    }
}"

In einem Browser console.log(obj)macht es noch bessere Arbeit, in einer Shell-Konsole (node.js) jedoch nicht.

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

Um ein JSON-analysiertes Objekt zu drucken, geben Sie einfach ein und Sie erhalten eine sehr klare Ausgabe

Verwenden Sie Zeichenfolgenformate.

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

Chrome hat Formatbezeichner mit der folgenden;

• %s Formatiert den Wert als Zeichenfolge.
• %doder %iFormatiert den Wert als Ganzzahl.
• %f Formatiert den Wert als Gleitkommawert.
• %o Formatiert den Wert als erweiterbares DOM-Element (wie im Bedienfeld Elemente).
• %O Formatiert den Wert als erweiterbares JavaScript-Objekt.
• %c Formatiert die Ausgabezeichenfolge gemäß den von Ihnen bereitgestellten CSS-Stilen.

Firefox hat auch String-Substitutionen mit ähnlichen Optionen.

• %oGibt einen Hyperlink zu einem JavaScript-Objekt aus. Durch Klicken auf den Link wird ein Inspektor geöffnet.
• %doder %iGibt eine Ganzzahl aus. Die Formatierung wird noch nicht unterstützt.
• %s Gibt eine Zeichenfolge aus.
• %fGibt einen Gleitkommawert aus. Die Formatierung wird noch nicht unterstützt.

Safari verfügt über Druckformatierer

• %doder %iGanzzahl
• %[0.N]f Gleitkommawert mit N Stellen Genauigkeit
• %o Objekt
• %s String

Schön und einfach:

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

Benutz einfach

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

und Sie erhalten dies in Chrome-Konsole:

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

Einfache Funktion zum Warnen des Inhalts eines Objekts oder eines Arrays.
Rufen Sie diese Funktion mit einem Array oder einer Zeichenfolge oder einem Objekt auf, das den Inhalt alarmiert.

Funktion

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);
    }
}

Verwendung

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

Der folgende Code zeigt die vollständigen JSON-Daten im Warnfeld an

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

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

Wenn Sie debuggen möchten, verwenden Sie das Konsolen-Debug

window.console.debug(jsonObject);

Wenn Sie in js auf einem Server arbeiten, reicht ein bisschen mehr Gymnastik aus ... Hier ist mein Ppos (Pretty-Print-on-Server):

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

Das macht einen knallharten Job, etwas zu erstellen, das ich tatsächlich lesen kann, wenn ich Servercode schreibe.

Ich weiß nicht, wie es nie offiziell erstellt wurde, aber ich habe meine eigene jsonMethode zum consoleObjekt hinzugefügt , um das Drucken von String-Protokollen zu vereinfachen:

Das Beobachten von Objekten (Nicht-Primitiven) in Javascript ist ein bisschen wie die Quantenmechanik. Was Sie "messen", ist möglicherweise nicht der reale Zustand, der sich bereits geändert hat.

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]}    )

Oft ist es erforderlich, eine stringifizierte Version eines Objekts anzuzeigen, da beim Drucken im Ist-Zustand (Rohobjekt) eine "Live" -Version des Objekts gedruckt wird, die im Verlauf des Programms mutiert wird und den Status des Objekts nicht widerspiegelt Zum protokollierten Zeitpunkt zum Beispiel:

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