Stampa oggetto analizzato JSON?

Ho un oggetto javascript che è stato analizzato da JSON usando JSON.parseora voglio stampare l'oggetto in modo da poterlo eseguire il debug (qualcosa non funziona con la funzione). Quando faccio quanto segue ...

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

Ottengo elencati più [oggetto oggetto]. Mi chiedo come lo stamperei per visualizzare i contenuti?

La maggior parte delle console di debugger supporta la visualizzazione diretta degli oggetti. Basta usare

console.log(obj);

A seconda del debugger, ciò molto probabilmente visualizzerà l'oggetto nella console come un albero compresso. Puoi aprire l'albero e ispezionare l'oggetto.

Sai cosa significa JSON? Notazione oggetto JavaScript . Rende un formato abbastanza buono per gli oggetti.

JSON.stringify(obj) ti restituirà una rappresentazione in forma di stringa dell'oggetto.

prova console.dir()invece diconsole.log()

console.dir(obj);

MDN afferma che console.dir()è supportato da:

• FF8 +
• IE9 +
• musica lirica
• Cromo
• Safari

Se vuoi un JSON carino e multilinea con rientro, puoi usarlo JSON.stringifycon il suo terzo argomento:

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

Per esempio:

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

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

o

JSON.stringify(obj, null, 4);

ti darà il seguente risultato:

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

In un browser console.log(obj)fa un lavoro ancora migliore, ma in una console di shell (node.js) non lo fa.

per stampare l'oggetto analizzato JSON basta digitare

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

e si otterrà un output molto chiaro

Usa formati di stringa;

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

Chrome ha identificatori di formato con i seguenti;

• %s Formatta il valore come stringa.
• %do %iFormatta il valore come intero.
• %f Formatta il valore come valore in virgola mobile.
• %o Formatta il valore come elemento DOM espandibile (come nel pannello Elementi).
• %O Formatta il valore come oggetto JavaScript espandibile.
• %c Formatta la stringa di output in base agli stili CSS forniti.

Firefox ha anche sottostazioni di stringhe che hanno opzioni simili.

• %oEmette un collegamento ipertestuale a un oggetto JavaScript. Facendo clic sul collegamento si apre un ispettore.
• %do %iEmette un numero intero. La formattazione non è ancora supportata.
• %s Emette una stringa.
• %fEmette un valore in virgola mobile. La formattazione non è ancora supportata.

Safari ha formattatori in stile printf

• %do %iintero
• %[0.N]f Valore a virgola mobile con N cifre di precisione
• %o Oggetto
• %s Corda

Bello e semplice:

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

Basta usare

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

e lo otterrai nella console di 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

Semplice funzione per avvisare i contenuti di un oggetto o di un array.
Chiamare questa funzione con un array o una stringa o un oggetto che avvisa il contenuto.

Funzione

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

uso

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

Il seguente codice visualizzerà i dati json completi nella casella di avviso

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

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

Se si desidera eseguire il debug, perché non utilizzare il debug della console

window.console.debug(jsonObject);

Se lavori in js su un server, solo un po 'più di ginnastica fa molta strada ... Ecco il mio ppos (pretty-print-on-server):

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

che fa un lavoro straordinario nella creazione di qualcosa che posso effettivamente leggere quando scrivo il codice del server.

Non so come non sia mai stato realizzato ufficialmente, ma ho aggiunto il mio jsonmetodo per consoleobiettare per stampare più facilmente i registri con stringhe:

Osservare oggetti (non primitivi) in JavaScript è un po 'come la meccanica quantistica ... ciò che "misura" potrebbe non essere lo stato reale, che è già cambiato.

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

Molte volte è necessario visualizzare una versione restrittiva di un oggetto perché stampandolo così com'è (oggetto grezzo) verrà stampata una versione "live" dell'oggetto che viene mutato man mano che il programma avanza e non rispecchia lo stato dell'oggetto nel punto temporale registrato, ad esempio:

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