首页 / 脚本样式 / JavaScript / JavaScript解析json格式数据简单示例

以下这串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 < picArr.length; 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