JavaScript解析json格式数据简单示例

时间:2021-05-26

以下这串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

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章