3.1 JS中Json使用demo

<script type="text/javascript">

    $(function(){
        //注意: 在js中, 需要自行區(qū)別 對(duì)象:{} 和 數(shù)組集合:[]
        //1.JSON對(duì)象轉(zhuǎn)化為JSON字符串
        let _jsonObj = {
            "x-oid": "20190000000000002044",
            "bid": 419198,
            "type": "出租車票",
            "data": {
                "invoice_code": "121021811221",
                "invoice_number": "17439433",
                "sign_date": "2019-08-15",
                "amount": "77.00",
                "producer": 61,
                "time": "10:19-11:11",
                "license_number": "BT7-X98",
                "chapter": 1
            },
            "code": 0,
            "message": "success"
        };
        let _jsonStr1 = JSON.stringify(_jsonObj);
        console.log(_jsonStr1);
        //控制臺(tái)打印, 對(duì)象和字符串顯示不一樣. 對(duì)象擁有屬性,可以展開收起. 字符串是灰色,全部寫出來,不能展開收起

        //2.JSON字符串轉(zhuǎn)化為JSON對(duì)象
        let _jsonArrStr = '[{\n' +
            '\t"id": "RT_8",\n' +
            '\t"text": "人工審核規(guī)則2(-規(guī)則類型)",\n' +
            '\t"iconCls": "",\n' +
            '\t"attributes": {\n' +
            '\t\t"isRedRule": null,\n' +
            '\t\t"aiRuleSeq": 12,\n' +
            '\t\t"id": "8",\n' +
            '\t\t"type": "1",\n' +
            '\t\t"parentId": "2"\n' +
            '\t},\n' +
            '\t"target": {\n' +
            '\t\t"entered": false\n' +
            '\t},\n' +
            '\t"checked": false,\n' +
            '\t"state": "open"\n' +
            '}, {\n' +
            '\t"id": "RT_7",\n' +
            '\t"text": "人工審核規(guī)則1(-規(guī)則類型)",\n' +
            '\t"iconCls": "",\n' +
            '\t"attributes": {\n' +
            '\t\t"isRedRule": null,\n' +
            '\t\t"aiRuleSeq": 11,\n' +
            '\t\t"id": "7",\n' +
            '\t\t"type": "1",\n' +
            '\t\t"parentId": "2"\n' +
            '\t},\n' +
            '\t"target": {\n' +
            '\t\t"entered": false\n' +
            '\t},\n' +
            '\t"checked": false,\n' +
            '\t"state": "open"\n' +
            '}]';
        //JSON.parse()方法存在兼容問題
        // $.parseJSON() 方法不存兼容問題
        let _arrObj = $.parseJSON(_jsonArrStr);
        console.log(_arrObj);

    //js中 對(duì)象 和 集合數(shù)組 獲取屬性值區(qū)別*********
        //1.JSON對(duì)象: 對(duì)象.屬性名
        let data = _jsonObj.data;
        console.log(data);

        //2.數(shù)組集合: 遍歷數(shù)組對(duì)象
        for (let i = 0; i < _arrObj.length; i++) {
            console.log(_arrObj[i])
        }
    });
</script>
?著作權(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),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

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