使用js代碼格式化json數(shù)據(jù)-1.0版本

有空再添加json數(shù)據(jù)高亮效果,先上一個(gè)1.0版本:

/* 
    執(zhí)行格式化工作
    text_id:裝有未格式化的json數(shù)據(jù)的textarea容器id
    format_id:放置格式化好的json數(shù)據(jù)的textarea容器id
*/
function formatJson(text_id, format_id) {
    let o_json = $("#" + text_id).val()
    f_json = $("#"+format_id)
    o_json = o_json.trim()
    if(!isJSON(o_json)) {
        return false
    }
    // 這兩步主要是為了壓縮json字符串
    let json = JSON.parse(o_json)
    let zip_json_str = JSON.stringify(json)
    f_json.val(formatCode(zip_json_str)
}
/* 
    格式化json字符串函數(shù)
    zip_json_str 是壓縮后的json字符串,里面沒(méi)有換行符,空格等無(wú)用的符號(hào)
    
*/
function formatCode(zip_json_str) {
        let m = zip_json_str.length
        if(m < 1) {
            return ""
        }
        let left_symbols = ["[", "{"]
        let right_symbols = ["]", "}"]

        let insert_obj = {}
        let in_string = false
        let layer = 0

        for(let i = 0; i < m; i ++) {
            let next = i + 1
            let last = i
            if(left_symbols.indexOf(zip_json_str[i]) > -1) {
                layer += 1
                insert_obj[""+next] = "\n" + new Array(layer + 1).join("\t")
            }
            if(in_string) {
                if("\"" === zip_json_str[i]){
                    in_string = false
                }
                continue
            }
            if("\"" === zip_json_str[i]) {
                in_string = true
                continue
            }
            if("," === zip_json_str[i]) {
                insert_obj[""+next] = "\n" + new Array(layer + 1).join("\t")
                continue
            }
            if(":" === zip_json_str[i]) {
                insert_obj[""+last] = " "
                insert_obj[""+next] = " "
                continue
            }
            if(right_symbols.indexOf(zip_json_str[i]) > -1) {
                layer -= 1
                insert_obj[""+last] = "\n" + new Array(layer + 1).join("\t")
            }
        }
        console.info(insert_obj)
        // 開(kāi)始插入到原始字符串中
        let copy_json_arr = zip_json_str.split('')
        let addnum = 0
        for(let k in insert_obj) {
            let index = parseInt(k) + addnum
            console.info(index)
            copy_json_arr.splice(index, 0, insert_obj[k+""])
            console.info(copy_json_arr)
            addnum += 1
        }
        return copy_json_arr.join('')
    }
// 使用原生js檢查一下字符串是否合法
function isJSON(str) {
    if (typeof str == 'string') {
        try {
            JSON.parse(str)
            return true;
        } catch(e) {
            console.log(e)
            return false;
        }
    }
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 軟件介紹: CoolFormat源代碼格式化是一款C\ C++\ C#\ CSS\ HTML\ Java\ Jav...
    無(wú)幻閱讀 3,152評(píng)論 0 2
  • 安裝 引入 定義指令 使用 !!! value 必須在 code 標(biāo)簽后面,不能后空格,不然首行縮進(jìn)會(huì)有問(wèn)題這是由...
    Homary閱讀 8,547評(píng)論 1 3
  • 一、前言 當(dāng)你在前端編程學(xué)習(xí)探索中,遇到一份看似很好的代碼,想copy下來(lái),調(diào)試預(yù)覽并學(xué)習(xí)。但是源代碼對(duì)象可能...
    longerking閱讀 741評(píng)論 0 2
  • 用兩張圖告訴你,為什么你的 App 會(huì)卡頓? - Android - 掘金 Cover 有什么料? 從這篇文章中你...
    hw1212閱讀 13,987評(píng)論 2 59
  • 直接復(fù)制過(guò)來(lái)的代碼可能含有空格等,使得代碼運(yùn)行失??; 默認(rèn)為:ctrl+alt+L,可以格式化; 可能會(huì)被第三方軟...
    于春海閱讀 342評(píng)論 0 0

友情鏈接更多精彩內(nèi)容