背景：

有时候我们需要将数据数据直接显示在页面上（比如在做一个接口测试的项目，需要将接口返回的结果直接展示),但是如果直接显示字符串，不方便查看。需要格式化一下。

解决方案：

其实JSON.stringify本身就可以将数据格式化，具体的用法是：

JSON.stringify(res，null，2)；//res是要数据化的对象，2是间隔

如果想要效果更好看，还要加上格式化的代码和样式：

射流研究…代码：

functionsyntaxHighlight(json){

if(typej JSON！='string'){

json=JSON.stringify(json，undefined，2)；

}

json=json.replace(//g ' ').替换(//g ' ').替换(//g，")；

returnjson.replace(/('(\\u[a-za-z0-9]{4}|\\[^u]|[^\\'])*'(\s*:)？|\b(true|false|null)\b|-？\d(？\.\d*)？(?[eE][ \-]？\d)？)/g，function(match){

varcls=' number

if(/^'/.测试（匹配)){

if(/:$/.测试（匹配)){

cls='键

}else{

cls=" string

}

}elseif(/true|false/.测试（匹配)){

cls='布尔值；

}elseif(/null/.测试（匹配)){

cls=' null

}

返回span class=' cls ' ' ' match '/span '；

});

}

样式代码：

风格

pre { outline :1 pxsolid # cccpadding :5 pxmargin :5 px }。字符串{ color:green}。编号{ color:darkorange}。布尔{ color:blue}。null { color:magenta}。按键{ color:red}

/style

超文本标记语言代码：

preid='result '

/pre

调用代码：

$('#result ').html(语法高亮(RES))；

本文转载自中文网