欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript格式化json顯示實例分析

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

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

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

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格式化感興趣的朋友還可參考在線工具:

JSON代碼工具

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

相關(guān)文章

  • bootstrap表格分頁實例講解

    bootstrap表格分頁實例講解

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

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

    下面小編就為大家?guī)硪黄仙U凧avascript中的原型和this指針。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧,祝大家游戲愉快哦
    2016-10-10
  • 微信小程序?qū)崿F(xiàn)星星評分效果

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

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

    csdn 批量接受好友邀請

    說實話,加好友的太多了,怎么辦,想個批量的辦法吧
    2009-02-02
  • IE瀏覽器中圖片onload事件無效的解決方法

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

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

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

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

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

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

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

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

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

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

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

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

最新評論