我有一个已使用 JSON.parse 解析为 JSON 的 javascript 对象我现在想打印该对象以便调试它（该函数出现问题）。当我执行以下操作时...
for (property in obj) {
output += property + ': ' + obj[property]+'; ';
}
console.log(output);
我列出了多个 [object Object]。我想知道如何打印它以查看内容？
【问题讨论】：
标签： javascript json parsing printing
你知道 JSON 代表什么吗？ JavaScript 对象表示法。它为对象提供了很好的格式。
JSON.stringify(obj) 将返回对象的字符串表示形式。
【讨论】：
大多数调试器控制台都支持直接显示对象。只需使用
console.log(obj);
根据您的调试器，这很可能会将控制台中的对象显示为折叠树。您可以打开树并检查对象。
【讨论】：
console.log("object: " + obj) 它不会显示对象，而是会输出“object: [Object obj]” .
console.log("object: %O", obj) (Chrome) 或 console.log("object: %o", obj) (Firefox|Safari) 将让您访问对象详细信息，请参阅下面的答案。
console.log("My object: ", obj)
如果您想要一个带有缩进的漂亮的多行 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) 中则不然。
【讨论】：
【讨论】：
console.dir() 也可用于 FF8+、Opera、Chrome 和 Safari：developer.mozilla.org/en-US/docs/Web/API/console.dir
要打印 JSON 解析的对象，只需键入 console.log( JSON.stringify(data, null, " ") );
你会得到非常清晰的输出
【讨论】：
使用字符串格式；
console.log("%s %O", "My Object", obj);
Chrome 有 Format Specifiers 和以下内容；
%s 将值格式化为字符串。 %d 或 %i 将值格式化为
一个整数。 %f 将值格式化为浮点值。%o 将值格式化为可扩展的 DOM 元素（如
元素面板）。 %O 将值格式化为可扩展的 JavaScript
目的。 %c 根据你的 CSS 样式格式化输出字符串
提供。Firefox 也有 String Substitions 有类似的选项。
%o 输出到 JavaScript 对象的超链接。点击链接会打开一个检查器。%d 或 %i 输出一个整数。尚不支持格式化。%s 输出一个字符串。%f 输出一个浮点值。尚不支持格式化。Safari 有printf style formatters
%d 或 %i 整数%[0.N]f 精度为 N 位的浮点值%o对象%s字符串【讨论】：
又好又简单：
console.log("object: %O", obj)
【讨论】：
随便用
console.info("CONSOLE LOG : ")
console.log(response);
console.info("CONSOLE DIR : ")
console.dir(response);
你会在 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
【讨论】：
如果你想调试为什么不使用控制台调试
window.console.debug(jsonObject);
【讨论】：
警告对象或数组内容的简单函数。
使用数组或字符串或对象调用此函数，它会提醒内容。
功能
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);
}
}
用法
var data = [1, 2, 3, 4];
print_r(data);
【讨论】：
以下代码将在警告框中显示完整的json数据
var data= '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';
json = JSON.parse(data);
window.alert(JSON.stringify(json));
【讨论】：
如果您在服务器上使用 js 工作，那么只需多做一点体操就会有很长的路要走……这是我的 ppos（pretty-print-on-server）：
ppos = (object, space = 2) => JSON.stringify(object, null, space).split('\n').forEach(s => console.log(s));
当我编写服务器代码时，它在创建我可以实际阅读的内容方面做得非常出色。
【讨论】：
我不知道它是如何从未正式制作的，but I've added my own json method 到 console 对象以便于打印字符串化日志：
在 javascript 中观察对象（非基元）有点像量子力学。你“测量”的可能不是真实的状态，它已经改变了。
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]} )很多时候需要查看对象的字符串化版本，因为按原样（原始对象）打印它会打印对象的“实时”版本，该版本会随着程序的进行而发生变化，并且不会反映状态对象在记录的时间点，例如：
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
【讨论】：