如果您正在寻找可以返回任何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"
  }
}

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

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

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

这是函数。

function printObj(obj) {
console.log((function traverse(tab, obj) {
    let str = "";
    if(typeof obj !== 'object') {
        return obj + ',';
    }
    if(Array.isArray(obj)) {            
        return '[' + obj.map(o=>JSON.stringify(o)).join(',') + ']' + ',';
    }
    str = str + '{\n';
    for(var p in obj) {
        str = str + tab + ' ' + p + ' : ' + traverse(tab+' ', obj[p]) +'\n';
    }
    str = str.slice(0,-2) + str.slice(-1);                
    str = str + tab + '},';
    return str;
}('',obj).slice(0,-1)))};

它可以使用具有可读性的制表符缩进来显示对象。

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

console.table(obj);

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

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

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

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

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>

循环引用解决方案

要从包含重复引用（在许多地方对同一对象的引用）（包括循环引用）的对象中生成不包含冗余信息的字符串，请使用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）；