显示对象内容的一种简单方法是使用console.log，如下所示

console.log("Object contents are ", obj);

请注意，我没有使用“+”连接对象。如果我使用“+”，那么我将只得到If对象的字符串表示，类似于[Objectobject]。

我需要一种递归打印对象的方法，pagewil提供了答案（谢谢！）。我对它进行了一点更新，以包括一种打印到某个级别的方法，并添加间距，以便根据当前级别正确缩进，以便更易于阅读。

// Recursive print of object
var print = function( o, maxLevel, level ) {
    if ( typeof level == "undefined" ) {
        level = 0;
    }
    if ( typeof level == "undefined" ) {
        maxLevel = 0;
    }

    var str = '';
    // Remove this if you don't want the pre tag, but make sure to remove
    // the close pre tag on the bottom as well
    if ( level == 0 ) {
        str = '<pre>';
    }

    var levelStr = '';
    for ( var x = 0; x < level; x++ ) {
        levelStr += '    ';
    }

    if ( maxLevel != 0 && level >= maxLevel ) {
        str += levelStr + '...</br>';
        return str;
    }

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

    // Remove this if you don't want the pre tag, but make sure to remove
    // the open pre tag on the top as well
    if ( level == 0 ) {
        str += '</pre>';
    }
    return str;
};

用法：

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

// Recursive of whole object
$('body').append( print(pagewilsObject) ); 

// Recursive of myObject up to 1 level, will only show name 
// and that there is a contact object
$('body').append( print(pagewilsObject, 1) ); 

console.dir（对象）：

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

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

循环引用解决方案

要从包含重复引用（在许多地方对同一对象的引用）（包括循环引用）的对象中生成不包含冗余信息的字符串，请使用JSON.stringify和replacer（在代码段中显示），如下所示

let s = JSON.stringify(obj, refReplacer(), 4);

函数refReplacer（）{设m=new Map（），v=new Map），init=null；返回函数（字段，值）{让p=m.get（this）+（Array.isArray（this）`[$｛field｝]“：”.“+字段）；让isComplex=value==对象（值）如果（isComplex）m.set（值，p）；让pp=v.get（value）||''；let path=p.replace（/未定义\.\？/，“”）；让val=pp`#REF:$｛pp[0]==“[”？“$”：“$.”｝$｛pp｝“：value；!初始化？（init=value）：（val===init？val=“#REF:$”：0）；if（！pp&&isComplex）v.set（value，path）；返回值；}}// ---------------//测试// ---------------//具有重复引用的gen obj设a={a1:1，a2:2}；设b={b1:3，b2:“4”}；让obj＝{o1:{o2:a}，b，a}；//重复引用a.a3=[1，2，b]；//循环引用b.b3=a；//循环引用让s=JSON.stringify（obj，refReplacer（），4）；console.log；警报；

基于此（更多信息）的此解决方案为每个对象值创建类似JSONPath的路径，如果同一对象出现两次（或更多），则使用此路径的引用来引用该对象，例如#REF:$.bar.arr[3].foo（其中$表示主对象），而不是“渲染”整个对象（冗余度较低）

奖金：倒置

函数parseRefJSON（json）{let objToPath=新映射（）；let pathToObj=新映射（）；let o=JSON.parse（JSON）；让遍历=（父级，字段）=>{让obj=父级；let path=“#REF:$”；if（字段！==未定义）{obj=父[字段]；path=objToPath.get（父）+（Array.isArray（父）`[$｛field｝]`：`$｛field？'。'+字段：''｝`）；}objToPath.set（obj，路径）；pathToObj.set（路径，对象）；let ref=路径目标获取（obj）；如果（ref）父[字段]=ref；for（让f在obj中）if（obj==对象（obj））遍历（obj，f）；}横向（o）；返回o；}// ------------//测试// ------------设s=`{“o1”：{“o2”：{“a1”：1，“a2”：2，“a3”：[1.2.{“b1”：3，“b2”：“4”，“b3”：“#REF:$.o1.o2”}]}},“b”：“#REF:$.o1.o2.a3[2]”，“a”：“#REF:$.o1.o2”}`;console.log（'打开Chrome控制台查看嵌套字段'）；let obj=parseRefJSON；console.log（obj）；

好吧，Firefox（感谢@Bojangles提供详细信息）有Object.toSource（）方法，它将对象打印为JSON和function（）｛｝。

我想，对于大多数调试目的来说，这已经足够了。

如果您正在寻找可以返回任何javascript对象的美化字符串的东西，请查看https://github.com/fresheneesz/beautinator . 例如：

var result = beautinator({ "font-size": "26px","font-family": "'Open Sans', sans-serif",color: "white", overflow: "hidden",padding: "4px 4px 4px 8px",Text: { display: "block", width: "100%","text-align": "center", "padding-left": "2px","word-break": "break-word"}})
console.log(result)

结果如下：

{ "font-size": "26px",
  "font-family": "'Open Sans', sans-serif",
  color: "white", overflow: "hidden",
  padding: "4px 4px 4px 8px",
  Text: { display: "block", width: "100%",
          "text-align": "center", "padding-left": "2px",
          "word-break": "break-word"
  }
}

如果对象中有函数，它甚至可以工作。