javascript - 在 JavaScript 中美化 JSON 数组

标签 javascript jquery html json

<分区>

Possible Duplicate:
JSON pretty print using JavaScript

我正在从事一个项目,该项目将用于帮助平台的 future 开发人员分析和理解 JSON 数组。我引用的是 Facebook 出色的 Graph Explorer 页面,seen here ,并希望将我们的数组输出为经过美化、正确制表符缩进和换行符的数组,就像在资源管理器中一样。

数组被输出到 textarea,因此我认为我遇到了换行和制表符的问题。我也尝试过使用 prettify 库,但没有成功。

例子:

{"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')

参见 demo .

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

jsonobj = JSON.parse(jsonstring);

关于javascript - 在 JavaScript 中美化 JSON 数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11359291/

相关文章:

javascript - 按 return/enter 时表单提交两次

javascript - JQuery 将鼠标悬停在完整的 div 上

jquery - DIV 之间的额外空间

javascript - 如何将 javascript 变量从 .js 文件导入到 html 文档

javascript - 对 nextSibling 返回的节点执行拆分会返回 TypeError undefined is not a function

javascript - jquery .prop ('defaultSelected' ) 似乎在 IE9 中出现故障

javascript - 如何添加切换器 Jquery?

javascript - jQuery 单击打开一个下拉菜单

javascript - JpegMini用什么做首页图片对比的动画?

javascript - 标准化加速度计输出