打印JSON解析对象？

Question

我有一个已经使用JSON解析的javascript对象JSON.parse我现在想打印对象,所以我可以调试它(函数出错了).当我做以下事情......

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

我列出了多个[object Object].我想知道如何打印这个以查看内容？

Answer 1

你知道JSON代表什么吗？ JavaScript对象表示法.它为对象提供了非常好的格式.

JSON.stringify(obj) 将返回一个对象的字符串表示.

Answer 2

大多数调试器控制台都支持直接显示对象.只是用

console.log(obj);

根据您的调试器,这很可能会将控制台中的对象显示为折叠树.您可以打开树并检查对象.

值得一提的是,在chrome(也许是其他浏览器)与这样的字符串组合时:`console.log("object:"+ obj)`它不显示对象,而是输出"object:[Object obj] ]". (114认同)
@Shahar`console.log("object:%O",obj)`(Chrome)或`console.log("object:%o",obj)`(Firefox | Safari)将允许您访问对象详细信息,请参阅下面的答案. (21认同)
除了@DaveAnderson的方法之外,使用逗号将字符串与对象分开也可以起作用:`console.log("My object:",obj)` (3认同)
郝的答案应该被接受 (2认同)

Answer 3

尝试console.dir()而不是console.log()

console.dir(obj);

MDN表示console.dir()支持:

`console.dir()`也可用于FF8 +,Opera,Chrome和Safari:https://developer.mozilla.org/en-US/docs/Web/API/console.dir (3认同)

Answer 4

如果你想要一个带缩进的漂亮的多行JSON,那么你可以使用JSON.stringify它的第三个参数:

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

例如:

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

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

要么

JSON.stringify(obj, null, 4);

会给你以下结果:

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

在浏览器console.log(obj)中做得更好,但在shell控制台(node.js)中却没有.

Answer 5

要打印刚刚输入的JSON解析对象

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

,您将获得非常清晰的输出

Answer 6

使用字符串格式;

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

Chrome具有以下格式说明符 ;

Firefox也有String Substitions,它们有类似的选项.

Answer 7

又好又简单：

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