首頁 > web前端 > js教程 > JavaScript解析json格式資料簡單範例_javascript技巧

JavaScript解析json格式資料簡單範例_javascript技巧

WBOY
發布: 2016-05-16 16:28:05
原創
1315 人瀏覽過

以下這串json資料用來儲存預先載入的圖片路徑:

複製程式碼 程式碼如下:

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" }
   ]

下面這個函數可透過json每行的name來取得該行的路徑src,讓我們來看看程式碼:

複製程式碼 程式碼如下:

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

函數執行後將傳回該行的src。

複製程式碼 程式碼如下:

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

輸出後即可看到結果為:images/p1.jpg

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板