JavaScript解析json格式数据简单示例_javascript技巧
程序员文章站
2022-05-05 22:26:38
...
以下这串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" }
]
function getData(name) {
var picArr = imgData;
var picSrc;
for (var i = 0; i var cur_person = picArr[i];
if (cur_person.name == name) {
picSrc = cur_person.src;
}
}
return picSrc;
}
var g = getData("p1");
console.log(g);
复制代码 代码如下:
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 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
上一篇: 解析python利用pickle模块完成增删改查等一些功能
下一篇: 图片验证码生成应用实例
推荐阅读
-
客户端 使用XML DOM加载json数据的方法_javascript技巧
-
javascript格式化json显示实例分析_javascript技巧
-
js/jquery解析json和数组格式的方法详解_javascript技巧
-
javascript - json格式的数据在非UTF-8编码下会不会乱码??如果解决呢??
-
javascript解析ajax返回的xml和json格式数据实例详解
-
JavaScript对JSON数组简单排序操作示例
-
Android编程简单解析JSON格式数据的方法示例
-
javascript解析ajax返回的xml和json格式数据实例详解
-
Android编程简单解析JSON格式数据的方法示例
-
JavaScript对JSON数组简单排序操作示例