相思资源网 Design By www.200059.com

以下这串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格式数据

相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com

评论“JavaScript解析json格式数据简单示例”

暂无JavaScript解析json格式数据简单示例的评论...