怎样使用JavaScript来美化输出我的json数据

JavaScript013

怎样使用JavaScript来美化输出我的json数据,第1张

在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式:1.一种为使用eval()()函数。2. 使用Function对象来进行返回解析。用eval函数来解析,并且使用jquery的each方法来遍历用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器 返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明。 这里首先给出JSON字符串集,字符串集如下:12345678910111213141516171819202122232425 代码如下:var data=" { root: [ {name:'1',value:'0'}, {name:'6101',value:'北京市'}, {name:'6102',value:'天津市'}, {name:'6103',value:'上海市'}, {name:'6104',value:'重庆市'}, {name:'6105',value:'渭南市'}, {name:'6106',value:'延安市'}, {name:'6107',value:'汉中市'}, {name:'6108',value:'榆林市'}, {name:'6109',value:'安康市'}, {name:'6110',value:'商洛市'} ]}" var dataObj=eval("("+data+")")//转换为json对象alert(dataObj.root.length+"个对象")for(var i=0i<dataObj.root.lengthi++){var obj=dataObj.root[i] alert(obj.Name+"--"+obj.value)}

1、在VSCODE中打开JSON文件,未格式化之前所JSON的数据全部都是贴在一起的,非常不容易阅读。

2、快捷键:CTRL+ALT+P打开搜索命令的窗口,在输入框内输入:extensions后找到【Install Extensions】选项后点击打开安装扩展程序窗口。

3、安装JSON美化插件在插件搜索框内搜索json并找到【Pretty JSON】插件,点击插件右下方的【Install】按钮进行安装。安装好后点击【Reload】按钮重新加载。

4、格式化JSON文件,在JSON文件内打开右键菜单会发现多了一个选项【Format Document】快捷键为【ALT+SHILF+F】。这时就可以格式美化JSON数据。