json字符串格式化

    var str = ‘{"id":12, "name":"张三","data":{"id2":12, "name2":"张三","data":{"id3":12, "name3":"张三"}}, "addr":"火星基地"}‘;

		//换行符号、空格符号
		var hh = "\n";
		var trimF = ‘ ‘;
		var trimF2 = ‘    ‘;

		//格式化显示json数据
		function formatJsonToStr(str){

			var html = ‘{‘ + "\n";
			var jsonData = eval(‘(‘ + str + ‘)‘);
			var jsonLength = getJsonLength(jsonData);
			var i = 0;
			for(var key in jsonData){
				i++;
				html += formatData(key, jsonData[key]);
				if(jsonLength != i){
					html += "," + "\n";
				}
			}
			html += "\n" + ‘}‘ ;
			return html;
		}

		//格式化数据
		function formatData(key, currObject){

			var html = ‘‘;
			var type = typeof(currObject);
			if(type == ‘string‘ || type == ‘number‘){
				html += ‘    ‘ + key + ‘:"‘ + currObject + ‘"‘;;
			}else if(type == ‘object‘){

				html += ‘    ‘ + key + ‘ :   {‘ + "\n";
				var jsonLength = getJsonLength(currObject);
				var i = 0;
				for(var currKey in currObject){
					i++;
					var currData = currObject[currKey];
					html += formatData(currKey, currData);
					if(jsonLength != i){
						html += "," + "\n";
					}
				}
				html += "\n" + ‘    ‘ + ‘}‘ ;
			}
			return html;
		}

		//获得json长度
		function getJsonLength(jsonData){

			var jsonLength = 0;
			for(var item in jsonData){
				jsonLength++;
			}
			return jsonLength;
		}
		alert(formatJsonToStr(str));

將上圖格式化成下面

时间: 2024-12-31 03:59:46

json字符串格式化的相关文章

jackson2.8.4java对象序列化成json字符串格式化时间

public class User {private int id; private Date birthday; private double money; private String name; public User() { } public User(int id, String name, Date birthday) { super(); this.id = id; this.name = name; this.birthday = birthday; } public User(

MAC上安装并破解最新SublimeText3103版本,安装PrettyJSON离线格式化json字符串

开发中少不了将JSON字符串格式化,方便查看.之前都是在线转,最近知道ST安装个插件就可以离线格式化JSON就又倒腾起来了.还真遇到点麻烦,故此记录. 1,官网下载 Sublime Text Build 3103.dmg,双击安装: 2,输入注册码: -– BEGIN LICENSE -–Ryan ClarkSingle User LicenseEA7E-8124792158A7DE B690A7A3 8EC04710 006A5EEB34E77CA3 9C82C81F 0DB6371B 797

对Json字符串进行格式化显示

很多时候,我们拿Json字符串作为返回结果,但是当数据量多的时候,一堆的Json字符串看起来很不直观,这时候我们可以使用以下办法将Json字符串格式化一下再输出 var JsonUti = { //定义换行符 n: "\n", //定义制表符 t: "\t", //转换String convertToString: function (obj) { return JsonUti.__writeObj(obj, 1); }, //写对象 __writeObj: fun

JSONObject和JSONArray解析和构造json字符串

JSON-lib包(最关键的两个类分别是JSONObject和JSONArray)完成对json的构造和一些基本方法的使用. 二者区别: ①JSONObject构造的字符串是键值对形式(key:value),多个键值对间以英文逗号连接: ②JSONArray构造的字符串是数组形式([array1,array2,...]). 需要使用的包下载链接:http://pan.baidu.com/s/1o7MZ8X8 一.JSONObject的使用. (1)JSON字符串的两种构造方法: ①使用Java对

HTML代码,CSS代码,JSON字符串在线格式化,美化工具

HTML代码,CSS代码,JSON字符串在线格式化,美化工具 http://www.phpthinking.com/format.htm

正则表达式的格式化与高亮显示json字符串

使用正则表达式的格式化与高亮显示json字符串 json字符串很有用,有时候一些后台接口返回的信息是字符串格式的,可读性很差,这个时候要是有个可以格式化并高亮显示json串的方法那就好多了,下面看看一个正则表达式完成的json字符串的格式化与高亮显示 首先是对输入进行转换,如果是对象则转化为规范的json字符串,不是对象时,先将字符串转化为对象(防止不规范的字符串),然后再次转化为json串.其中json为输入. [js] view plaincopy if (typeof json !== '

JS 前端格式化JSON字符串工具

JSON格式化工具,简易实现.作为技术宅,直接上代码,供大家使用.前提:一定要引入jquery哦. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> #btn{width:100px;height:30px;line-height:30px;text-align:center;display:block;margin

使用正则表达式的格式化与高亮显示json字符串

使用正则表达式的格式化与高亮显示json字符串 json字符串很有用,有时候一些后台接口返回的信息是字符串格式的,可读性很差,这个时候要是有个可以格式化并高亮显示json串的方法那就好多了,下面看看一个正则表达式完成的json字符串的格式化与高亮显示 首先是对输入进行转换,如果是对象则转化为规范的json字符串,不是对象时,先将字符串转化为对象(防止不规范的字符串),然后再次转化为json串.其中json为输入. if (typeof json !== 'string') { json = JS

C# String.Format格式化json字符串中包含"{" "}"报错问题

json.Append(String.Format("{\"total\":{0},\"row\":{1}}", lineCount, strJSON));直接会报错 字符串中包含{或者},则需要用{{ 来代替字符 {,用}} 代替 }如:json.Append(String.Format("{{\"total\":{0},\"row\":{1}}}", lineCount, strJS