在 JavaScript 中美化 JSON 数组

Prettify JSON Array in JavaScript

本文关键字：JSON 数组 JavaScript      更新时间：2023-09-26

可能的重复项：
JSON 漂亮的打印使用 JavaScript

我正在从事一个项目，该项目将用于帮助平台的未来开发人员分析和理解JSON数组。我引用了Facebook精彩的图形浏览器页面，如下所示，并希望以美化，正确的制表符缩进和换行符数组输出我们的数组，就像在资源管理器上一样。

数组输出到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
}
您可以使用

JSON.stringify：

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

请参阅演示。

更新：如果你没有jsonobj，但有json字符串，那么在使用stringify函数之前，通过这一行将json字符串转换为json对象：

jsonobj = JSON.parse(jsonstring);
相关文章：