手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript解析json格式数据简单示例
JavaScript解析json格式数据简单示例
摘要:以下这串json数据用来存储预加载的图片路径:复制代码代码如下:varimgData=[{name:"p1",src:"images/p1....

以下这串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实现表格增删改操作实例详解

JavaScript调试技巧

JavaScript中fixed()方法的使用简介

在HTML中插入JavaScript代码的示例

javascript中动态函数用法

理解javascript定时器中的单线程

JavaScript中的parse()方法使用简介

javascript中FOREACH数组方法使用示例

基于JavaScript实现智能右键菜单

JavaScript获取两个数组交集的方法

精品推荐
分类导航