JavaScript解析JSON格式数据示例

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