手机
当前位置:查字典教程网 >编程开发 >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格式数据简单示例】相关文章:

Jquery解析json字符串及json数组的方法

在HTML中插入JavaScript代码的示例

JavaScript实现表格点击排序的方法

JavaScript基本数据结构

javascript实现树形菜单的方法

JavaScript数据结构与算法之栈与队列

JavaScript调试技巧

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

javascript中eval解析JSON字符串

javascript中FOREACH数组方法使用示例

精品推荐
分类导航