美文网首页
3.1 JS中Json使用demo

3.1 JS中Json使用demo

作者: 不会忘的名字 | 来源:发表于2021-10-21 09:32 被阅读0次
<script type="text/javascript">

    $(function(){
        //注意: 在js中, 需要自行区别 对象:{} 和 数组集合:[]
        //1.JSON对象转化为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);
        //控制台打印, 对象和字符串显示不一样. 对象拥有属性,可以展开收起. 字符串是灰色,全部写出来,不能展开收起

        //2.JSON字符串转化为JSON对象
        let _jsonArrStr = '[{\n' +
            '\t"id": "RT_8",\n' +
            '\t"text": "人工审核规则2(-规则类型)",\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": "人工审核规则1(-规则类型)",\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中 对象 和 集合数组 获取属性值区别*********
        //1.JSON对象: 对象.属性名
        let data = _jsonObj.data;
        console.log(data);

        //2.数组集合: 遍历数组对象
        for (let i = 0; i < _arrObj.length; i++) {
            console.log(_arrObj[i])
        }
    });
</script>

相关文章

网友评论

      本文标题:3.1 JS中Json使用demo

      本文链接:https://www.haomeiwen.com/subject/pewtaltx.html