我总是使用console.log（“对象将是：”，obj，obj1）。这样我就不需要用JSON来解决字符串问题。对象的所有财产都将很好地展开。

使用此项：

console.log('print object: ' + JSON.stringify(session));

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>

console.dir（对象）：

显示指定JavaScript对象的财产的交互式列表。此列表允许您使用公开三角形来检查子对象的内容。

请注意，console.dir（）特性是非标准的。查看MDN Web文档

如果希望以表格格式查看数据，可以使用：

console.table(obj);

如果单击表列，可以对表进行排序。

您还可以选择要显示的列：

console.table(obj, ['firstName', 'lastName']);

您可以在此处找到有关console.table的更多信息

功能：

var print = function(o){
    var str='';

    for(var p in o){
        if(typeof o[p] == 'string'){
            str+= p + ': ' + o[p]+'; </br>';
        }else{
            str+= p + ': { </br>' + print(o[p]) + '}';
        }
    }

    return str;
}

用法：

var myObject = {
    name: 'Wilson Page',
    contact: {
        email: 'wilson@hotmail.com',
        tel: '123456789'
    }  
}

$('body').append( print(myObject) );

例子：

http://jsfiddle.net/WilsonPage/6eqMn/