循环引用解决方案

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

试试这个：

var object = this.window;
console.log(object,'this is window object');

输出：

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

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

正如之前所说，我发现的最简单的方法是

var getPrintObject=function(object)
{
    return JSON.stringify(object);
}

您还可以使用ES6模板文本概念以字符串格式显示JavaScript对象的内容。

alert(`${JSON.stringify(obj)}`);

常量对象={“name”：“John Doe”，“habbits”：“没有”，};警报（`${JSON.stringify（obj）}`）；

简单使用

JSON.stringify(obj)

实例

var args_string = JSON.stringify(obj);
console.log(args_string);

Or

alert(args_string);

此外，注意javascript函数被视为对象。

作为补充说明：

实际上，您可以像这样分配新属性并访问它console.log或在警报中显示它

foo.moo = "stackoverflow";
console.log(foo.moo);
alert(foo.moo);