Example code for js formatting json

本文主要和大家分享js格式化json的实例代码，希望能帮助到大家。

var jsonStr;// json字符串

// 格式化json字符串
var jsonFormat = formatJson(jsonStr);

// 工具方法
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...

                    // make sure we start with the JSON as a string
                    if (typeof json !== 'string') {
                        json = JSON.stringify(json);
                    }
                    // parse and 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 <h2 id="效果图">效果图</h2><p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/054/025/e7a0d111808dbab136d1b241dd6a4a37-0.png?x-oss-process=image/resize,p_40" class="lazy" alt=""></p><p>相关推荐：</p><p><a href="http://www.php.cn/div-tutorial-385071.html" target="_self" textvalue="html怎样格式化json数据">html怎样格式化json数据</a></p><p><a href="http://www.php.cn/js-tutorial-380221.html" target="_self">格式化Json传递日期的方法</a></p><p><a href="http://www.php.cn/html5-tutorial-363244.html" target="_self">html格式化json的实例代码</a></p>

The above is the detailed content of Example code for js formatting json. For more information, please follow other related articles on the PHP Chinese website!