Imprimir objeto analizado JSON?

Tengo un objeto javascript que se ha analizado utilizando JSON JSON.parse. Ahora quiero imprimir el objeto para poder depurarlo (algo funciona mal con la función). Cuando hago lo siguiente ...

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

Obtengo varios [Object Object] en la lista. Me pregunto cómo imprimiría esto para ver el contenido.

La mayoría de las consolas de depuración admiten la visualización directa de objetos. Solo usa

console.log(obj);

Dependiendo de su depurador, lo más probable es que muestre el objeto en la consola como un árbol colapsado. Puede abrir el árbol e inspeccionar el objeto.

¿Sabes qué significa JSON? Notación de objetos JavaScript . Tiene un formato bastante bueno para los objetos.

JSON.stringify(obj) le devolverá una representación de cadena del objeto.

intente en console.dir()lugar deconsole.log()

console.dir(obj);

MDN dice que console.dir()es compatible con:

• FF8 +
• IE9 +
• Ópera
• Cromo
• Safari

Si desea un JSON bonito y de varias líneas con sangría, puede usarlo JSON.stringifycon su tercer argumento:

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

Por ejemplo:

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

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

o

JSON.stringify(obj, null, 4);

le dará el siguiente resultado:

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

En un navegador console.log(obj)funciona aún mejor, pero en una consola de shell (node.js) no lo hace.

para imprimir el objeto analizado JSON simplemente escriba

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

y obtendrá una salida muy clara

Usar formatos de cadena;

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

Chrome tiene especificadores de formato con lo siguiente;

• %s Formatea el valor como una cadena.
• %do %iFormatea el valor como un entero.
• %f Formatea el valor como un valor de coma flotante.
• %o Formatea el valor como un elemento DOM expandible (como en el panel Elementos).
• %O Formatea el valor como un objeto JavaScript expandible.
• %c Formatea la cadena de salida de acuerdo con los estilos CSS que proporcione.

Firefox también tiene Substitions de cadena que tienen opciones similares.

• %oEmite un hipervínculo a un objeto JavaScript. Al hacer clic en el enlace, se abre un inspector.
• %do %iEmite un entero. El formato aún no es compatible.
• %s Emite una cadena.
• %fEmite un valor de punto flotante. El formato aún no es compatible.

Safari tiene formateadores de estilo printf

• %do %ientero
• %[0.N]f Valor de coma flotante con N dígitos de precisión
• %o Objeto
• %s Cuerda

Agradable y simple:

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

Solo usa

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

y obtendrás esto en la consola de 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

Función simple para alertar el contenido de un objeto o una matriz.
Llame a esta función con una matriz o cadena o un objeto que alerta los contenidos.

Función

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

El siguiente código mostrará datos completos de json en el cuadro de alerta

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 desea depurar, ¿por qué no utilizar la depuración de la consola?

window.console.debug(jsonObject);

Si está trabajando en js en un servidor, solo un poco más de gimnasia es muy útil ... Aquí está mi ppos (pretty-print-on-server):

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

que hace un gran trabajo al crear algo que realmente puedo leer cuando escribo el código del servidor.

No sé cómo nunca se hizo oficialmente, pero agregué mi propio jsonmétodo para consoleobjetar para imprimir registros en cadena:

Observar objetos (no primitivos) en javascript es un poco como la mecánica cuántica ... lo que "mides" podría no ser el estado real, que ya ha cambiado.

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

Muchas veces es necesario ver una versión en cadena de un Objeto porque imprimirlo como está (Objeto sin procesar) imprimirá una versión "en vivo" del objeto que se mutará a medida que el programa progresa, y no reflejará el estado del objeto en el punto de tiempo registrado, por ejemplo:

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