JavaScript解析json格式数据简单示例
更新时间：2014年12月09日 11:56:30 投稿：junjie
这篇文章主要介绍了JavaScript解析json格式数据简单示例,本文通过for循环来获取json结点数据,需要的朋友可以参考下
以下这串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
相关文章
这篇文章主要为大家详细介绍了js实现倒计时效果及时间对象,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
这篇文章主要介绍了基于JS实现简单的样式切换效果代码,涉及简单的javascript控制页面元素样式变换的技巧,非常简单实用,需要的朋友可以参考下2015-09-09
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。本文给大家介绍BootStrap制作导航条实例代码，感兴趣的朋友一起学习吧2016-05-05
获取页面高度，窗口高度，滚动条高度等参数值getPageSize,getPageScroll
获取页面高度，窗口高度，滚动条高度等参数值getPageSize,getPageScroll...2006-09-09
这篇文章主要介绍了JavaScript操作cookie类,实例分析了javascript针对cookie的设置、读取、删除等常用技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
这篇文章主要为大家详细介绍了js获取USB扫码枪数据的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章给大家分享了两种Javascript从数组中随机取出不同元素的方法，大家可以都学习学习，这样更能有助于大家的学习和理解，下面来一起看看吧2016-09-09
有个组件库的名称叫做element-ui,基于Vue2.0开发,提供了丰富的PC端组件，本文通过实例代码给大家介绍element-ui 上传图片后标注坐标点的示例代码，感兴趣的朋友跟随小编一起看看吧2021-07-07
echarts tooltip自适应宽高让提示框适应不同屏幕尺寸demo
这篇文章主要为大家介绍了echarts tooltip自适应宽高让提示框适应不同屏幕尺寸,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-10-10
js window.onload 加载多个函数和追加函数详解
本篇文章主要是对js window.onload 加载多个函数和追加函数进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
最新评论