分享一段JS格式化JSON的代码

项目中需要在页面中格式化JSON代码,看到百度上有一个这样的应用,地址:http://app.baidu.com/editjson?keyword=json%E7%BC%96%E8%BE%91%E5%99%A8

里面的格式化JSON代码的功能比较好用,就将里面的关键代码提取了出来,稍作修改,方便在其他地方引用,代码如下:

使用方法,format(json)这样为格式化代码。

format(json,true)为开启压缩模式。

  1. function format(txt,compress/*是否为压缩模式*/){/* 格式化JSON源码(对象转换为JSON文本) */  
  2.         var indentChar = '    ';   
  3.         if(/^\s*$/.test(txt)){   
  4.             alert('数据为空,无法格式化! ');   
  5.             return;   
  6.         }   
  7.         try{var data=eval('('+txt+')');}   
  8.         catch(e){   
  9.             alert('数据源语法错误,格式化失败! 错误信息: '+e.description,'err');   
  10.             return;   
  11.         };   
  12.         var draw=[],last=false,This=this,line=compress?'':'\n',nodeCount=0,maxDepth=0;   
  13.            
  14.         var notify=function(name,value,isLast,indent/*缩进*/,formObj){   
  15.             nodeCount++;/*节点计数*/  
  16.             for (var i=0,tab='';i/* 缩进HTML */  
  17.             tab=compress?'':tab;/*压缩模式忽略缩进*/  
  18.             maxDepth=++indent;/*缩进递增并记录*/  
  19.             if(value&&value.constructor==Array){/*处理数组*/  
  20.                 draw.push(tab+(formObj?('"'+name+'":'):'')+'['+line);/*缩进'[' 然后换行*/  
  21.                 for (var i=0;i
  22.                     notify(i,value[i],i==value.length-1,indent,false);   
  23.                 draw.push(tab+']'+(isLast?line:(','+line)));/*缩进']'换行,若非尾元素则添加逗号*/  
  24.             }else   if(value&&typeof value=='object'){/*处理对象*/  
  25.                     draw.push(tab+(formObj?('"'+name+'":'):'')+'{'+line);/*缩进'{' 然后换行*/  
  26.                     var len=0,i=0;   
  27.                     for(var key in value)len++;   
  28.                     for(var key in value)notify(key,value[key],++i==len,indent,true);   
  29.                     draw.push(tab+'}'+(isLast?line:(','+line)));/*缩进'}'换行,若非尾元素则添加逗号*/  
  30.                 }else{   
  31.                         if(typeof value=='string')value='"'+value+'"';   
  32.                         draw.push(tab+(formObj?('"'+name+'":'):'')+value+(isLast?'':',')+line);   
  33.                 };   
  34.         };   
  35.         var isLast=true,indent=0;   
  36.         notify('',data,isLast,indent,false);   
  37.         return draw.join('');   
  38.     }  

你可能感兴趣的:(javascript)