console.log（）在调试对象方面做得很好，但如果您希望将对象打印到页面内容中，这里是我提出的模仿PHP print_r（）功能的最简单方法。很多其他答案都想重新发明轮子，但在JavaScript的JSON.stringify（）和HTML的＜pre＞标记之间，你可以得到你想要的东西。

var obj=｛name:'名称'，联系人：｛email:'thename@gmail.com'，电话：'123456789'｝；$（'body'）.append（'<pre>'+JSON.stringify（obj，null，4）+'</pre>'）；<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js“></script>

编号：在这些示例中，yourObj定义了要检查的对象。

首先，我最不喜欢但最常用的显示对象的方式：

这是显示对象内容的实际方式

console.log(yourObj)

将产生如下结果：

我认为最好的解决方案是查看对象关键点，然后查看对象值，如果您真的想查看对象的内容。。。

console.log(Object.keys(yourObj));
console.log(Object.values(yourObj));

它将输出如下内容：（上图：存储在对象中的键/值）

如果您使用的是ECMAScript 2016或更高版本，还有一个新选项：

Object.keys(yourObj).forEach(e => console.log(`key=${e}  value=${yourObj[e]}`));

这将产生整洁的输出：前面的回答中提到的解决方案：console.log（yourObj）显示了太多的参数，并且不是显示所需数据的最方便用户的方式。这就是为什么我建议分别记录键和值。

下一步：

console.table(yourObj)

有人在之前的评论中建议过这个，但它从来没有对我起过作用。如果它对其他人在不同的浏览器或其他东西上起作用，那就太好了！我仍将代码放在此处以供参考！将向控制台输出如下内容：

我在项目中总是使用一个小助手函数，通过控制台进行简单、快速的调试。灵感来自拉雅维尔。

/**
 * @param variable mixed  The var to log to the console
 * @param varName string  Optional, will appear as a label before the var
 */
function dd(variable, varName) {
    var varNameOutput;

    varName = varName || '';
    varNameOutput = varName ? varName + ':' : '';

    console.warn(varNameOutput, variable, ' (' + (typeof variable) + ')');
}

用法

日（123.55）；输出：

var obj = {field1: 'xyz', field2: 2016};
dd(obj, 'My Cool Obj'); 

看起来很简单。。。in无法解决这个问题，特别是当我们想要处理自定义、主机、本机或CSCOM对象之外的问题时。此外，我们正在讨论调试，谁知道我们何时何地需要它！

我的小型库可以处理以下对象：

    obj2
     |__ foo = 'bar'
     |__ loop2 = obj2
     |            :
     |__ another = obj1
                    |__ a1 = 1
                    |__ b1 = 'baz'
                    |__ loop1 = obj1
                    |            :
                    |__ c1 = true
                    |__ d1 = ''
                    |__ e1 = [1,2,3]

并呈现出丰富多彩的标识，如：

0，foo，'bar'0，loop2，'包含对索引0'0处的对象的循环引用，另一个，'object'1，a1，11，b1，'baz'1，loop1，'包含索引2'1，c1，'true'1，d1，''1，e1，[1，2]处的对象循环引用

但请看这里：

https://github.com/centurianii/jsdebughttp://jsfiddle.net/centurianii/92Cmk/36/

通过一些预防措施，甚至可以解析document.body！

要使用Node.js打印带有颜色的完整对象，请执行以下操作：

console.dir(object, {depth: null, colors: true})

颜色当然是可选的，“depth:null”将打印整个对象。

浏览器似乎不支持这些选项。

参考文献：

https://developer.mozilla.org/en-US/docs/Web/API/Console/dir

https://nodejs.org/api/console.html#console_console_dir_obj_options

var output = '';
for (var property in object) {
  output += property + ': ' + object[property]+'; ';
}
alert(output);