JavaScript解析json格式數(shù)據(jù)簡單示例

本文通過for循環(huán)來獲取json結(jié)點(diǎn)數(shù)據(jù)，需要的朋友可以參考以下這串json數(shù)據(jù)用來存儲(chǔ)預(yù)加載的圖片路徑：

var imgData = [{
        name: "p1",
        src: "images/p1.jpg"
    }, {
        name: "p2",
        src: "images/p2.jpg"
    }, {
        name: "p3",
        src: "images/p3.jpg"
    }, {
        name: "p4",
        src: "images/p4.jpg"
    }, {
        name: "p5",
        src: "images/p5.jpg"
    }
]

下面這個(gè)函數(shù)可通過json每行的name來獲取該行的路徑src，讓我們看一下代碼：

function getData(name) {
    var picArr = imgData;
    var picSrc;
    for (var i = 0; i < picArr.length; i++) {
        var cur_person = picArr[i];
        if (cur_person.name == name) {
            picSrc = cur_person.src;
        }
    }
    return picSrc;
}

函數(shù)執(zhí)行后將返回該行的src。

var g = getData("p1");
console.log(g);

輸出后即可看到結(jié)果為：images/p1.jpg

JS對(duì)象與JSON格式數(shù)據(jù)相互轉(zhuǎn)換

JS對(duì)象和JSON格式數(shù)據(jù)的相互轉(zhuǎn)換其實(shí)就是兩個(gè)問題：JS對(duì)象轉(zhuǎn)換成為JSON格式數(shù)據(jù)、JSON格式數(shù)據(jù)轉(zhuǎn)換成為JS對(duì)象。目前的項(xiàng)目數(shù)據(jù)交互幾乎都用JQuery，所以處理流程是：前端頁面數(shù)據(jù)-》JS對(duì)象-》jQuery提交-》python處理，另外一種就是倒過來。python肯定不能直接處理JS對(duì)象數(shù)據(jù)，所以要把JS對(duì)象轉(zhuǎn)換成為python能處理的一種數(shù)據(jù)格式（通常是字典dict），同樣，python取數(shù)據(jù)反饋到前端也要把字典數(shù)據(jù)轉(zhuǎn)換成JS能處理的對(duì)象，這個(gè)中間轉(zhuǎn)換數(shù)據(jù)格式通常就是JSON。 

一、JS對(duì)象轉(zhuǎn)換成為JSON 

var data = new Object(); 
var json_data = JSON.stringify(data); 

二、JSON轉(zhuǎn)換成為JS 

var json_data = $.getJSON(); 
var data = $.parseJSON(json_data);