亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

javascript格式化json顯示實(shí)例分析

 更新時(shí)間:2015年04月21日 14:56:51   作者:肥佬  
這篇文章主要介紹了javascript格式化json顯示,實(shí)例分析了javascript操作json格式化的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了javascript格式化json顯示方法。分享給大家供大家參考。具體分析如下:

將json對(duì)象或者json字符串格式化方便在網(wǎng)頁(yè)上限制

var formatJson = function(json, options) {
 var reg = null,
 formatted = '',
 pad = 0,
 PADDING = ''; 
 //one can also use '\t' or a different number of spaces
 // optional settings
 options = options || {};
 // remove newline where '{' or '[' follows ':'
 options.newlineAfterColonIfBeforeBraceOrBracket = (options.newlineAfterColonIfBeforeBraceOrBracket === true) ? true : false;
 // use a space after a colon
 options.spaceAfterColon = (options.spaceAfterColon === false) ? false : true;
 // begin formatting...
 if (typeof json !== 'string') {
 // make sure we start with the JSON as a string
 json = JSON.stringify(json);
 } else {
 // is already a string, so parse and re-stringify
 //in order to remove extra whitespace
 json = JSON.parse(json);
 json = JSON.stringify(json);
 }
 // add newline before and after curly braces
 reg = /([\{\}])/g;
 json = json.replace(reg, '\r\n$1\r\n');
 // add newline before and after square brackets
 reg = /([\[\]])/g;
 json = json.replace(reg, '\r\n$1\r\n');
 // add newline after comma
 reg = /(\,)/g;
 json = json.replace(reg, '$1\r\n');
 // remove multiple newlines
 reg = /(\r\n\r\n)/g;
 json = json.replace(reg, '\r\n');
 // remove newlines before commas
 reg = /\r\n\,/g;
 json = json.replace(reg, ',');
 // optional formatting...
 if (!options.newlineAfterColonIfBeforeBraceOrBracket) { 
 reg = /\:\r\n\{/g;
 json = json.replace(reg, ':{');
 reg = /\:\r\n\[/g;
 json = json.replace(reg, ':[');
 }
 if (options.spaceAfterColon) {  
 reg = /\:/g;
 json = json.replace(reg, ': ');
 }
 $.each(json.split('\r\n'), function(index, node) {
 var i = 0,
  indent = 0,
  padding = '';
 if (node.match(/\{$/) || node.match(/\[$/)) {
  indent = 1;
 } else if (node.match(/\}/) || node.match(/\]/)) {
  if (pad !== 0) {
  pad -= 1;
  }
 } else {
  indent = 0;
 }
 for (i = 0; i < pad; i++) {
  padding += PADDING;
 }
 formatted += padding + node + '\r\n';
 pad += indent;
 });
 return formatted;
};

關(guān)于json格式化感興趣的朋友還可參考在線(xiàn)工具:

JSON代碼工具

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • bootstrap表格分頁(yè)實(shí)例講解

    bootstrap表格分頁(yè)實(shí)例講解

    這篇文章主要為大家詳細(xì)介紹了bootstrap表格分頁(yè)實(shí)例講解,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • 老生常談Javascript中的原型和this指針

    老生常談Javascript中的原型和this指針

    下面小編就為大家?guī)?lái)一篇老生常談Javascript中的原型和this指針。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧,祝大家游戲愉快哦
    2016-10-10
  • 微信小程序?qū)崿F(xiàn)星星評(píng)分效果

    微信小程序?qū)崿F(xiàn)星星評(píng)分效果

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)星星評(píng)分效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • csdn 批量接受好友邀請(qǐng)

    csdn 批量接受好友邀請(qǐng)

    說(shuō)實(shí)話(huà),加好友的太多了,怎么辦,想個(gè)批量的辦法吧
    2009-02-02
  • IE瀏覽器中圖片onload事件無(wú)效的解決方法

    IE瀏覽器中圖片onload事件無(wú)效的解決方法

    在做一個(gè)項(xiàng)目的時(shí)候才發(fā)現(xiàn)的這個(gè)bug,其實(shí)這是一個(gè)很常見(jiàn)的問(wèn)題,只是之前對(duì)圖片的處理太少,沒(méi)有碰到過(guò)。
    2014-04-04
  • 微信小程序分包的超詳細(xì)步驟

    微信小程序分包的超詳細(xì)步驟

    分包指的是把一個(gè)完整的小程序項(xiàng)目,按照需求劃分為不同的子包,在構(gòu)建時(shí)打包成不同的分包,用戶(hù)在使用時(shí)按需進(jìn)行加載,下面這篇文章主要給大家介紹了關(guān)于微信小程序分包的相關(guān)資料,需要的朋友可以參考下
    2022-09-09
  • 原生js實(shí)現(xiàn)shift/ctrl/alt按鍵的獲取

    原生js實(shí)現(xiàn)shift/ctrl/alt按鍵的獲取

    小測(cè)試shift、ctrl、alt按鍵的獲取,感興趣的朋友可以參考下哈,希望可以幫助到你
    2013-04-04
  • 提高Web性能的前端優(yōu)化技巧總結(jié)

    提高Web性能的前端優(yōu)化技巧總結(jié)

    這篇文章講述可以幫助 改善優(yōu)化前端的技術(shù),非常有用。主要內(nèi)容有清理代碼、壓縮圖片、壓縮外部資源、使用CDN,以及一些其它方法。這些方法會(huì)為你的網(wǎng)站帶顯著的速度提升和整體性能提升。下面跟著小編一起來(lái)看下吧
    2017-02-02
  • 引用 js在IE與FF之間的區(qū)別詳細(xì)解析

    引用 js在IE與FF之間的區(qū)別詳細(xì)解析

    這篇文章主要介紹了js在IE與FF之間的區(qū)別。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助
    2013-11-11
  • js實(shí)現(xiàn)將json數(shù)組顯示前臺(tái)table中

    js實(shí)現(xiàn)將json數(shù)組顯示前臺(tái)table中

    本文主要介紹了把JSON數(shù)組顯示在前臺(tái)的table中的方法。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧
    2017-01-01

最新評(píng)論