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

您可能感兴趣的文章:

• JavaScript处理解析JSON数据过程详解
• JavaScript中解析JSON数据的三种方法
• javascript解析json实例详解
• 一个JavaScript函数把URL参数解析成Json对象
• javascript解析json数据的3种方式
• 解析javascript 数组以及json元素的添加删除
• JavaScript 解析Json字符串的性能比较分析代码
• 比较详细的关于javascript 解析json的代码
• JavaScript转换与解析JSON方法实例详解