Question

可能重复：
JSON pretty print using JavaScript

我正在开发一个项目，用于帮助未来的平台开发人员分析和理解JSON数组。我正在引用Facebook精彩的图形资源管理器页面seen here，并且想要在一个美化，正确的标签缩进和断路器数组中输出我们的数组，就像在资源管理器上一样。

数组输出到textarea，因此我认为我遇到了断线和跳线的问题。我也试过使用美化图书馆，但没有运气。

示例：

{"outcome" : "success", "result" : {"name" : "messaging-sockets", "default-interface" : "external", "include" : [], "socket-binding" : {"messaging" : {"name" : "messaging", "interface" : null, "port" : 5445, "fixed-port" : null, "multicast-address" : null, "multicast-port" : null}, "messaging-throughput" : {"name" : "messaging-throughput", "interface" : null, "port" : 5455, "fixed-port" : null, "multicast-address" : null, "multicast-port" : null}}}, "compensating-operation" : null}

要：

{
   "outcome":"success",
   "result":{
      "name":"messaging-sockets",
      "default-interface":"external",
      "include":[

      ],
      "socket-binding":{
         "messaging":{
            "name":"messaging",
            "interface":null,
            "port":5445,
            "fixed-port":null,
            "multicast-address":null,
            "multicast-port":null
         },
         "messaging-throughput":{
            "name":"messaging-throughput",
            "interface":null,
            "port":5455,
            "fixed-port":null,
            "multicast-address":null,
            "multicast-port":null
         }
      }
   },
   "compensating-operation":null
}

Answer 1

您可以使用JSON.stringify：

JSON.stringify(jsonobj,null,'\t')

请参阅demo。

UPDATE：如果您没有jsonobj但是有json字符串，那么在使用stringify函数之前，请通过以下行将json字符串转换为json对象：< / p>

jsonobj = JSON.parse(jsonstring);

Answer 2

试试这个solution，我也在我的项目中使用了这个

在JavaScript中整理JSON数组

2 个答案: