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


Posted in Javascript onDecember 09, 2014

以下这串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 相关文章推荐
js实现运行代码需要刷新的解决方法
Aug 18 Javascript
Jquery实现网页跳转或用命令打开指定网页的解决方法
Jul 09 Javascript
jquery选择符快速提取web表单数据示例
Mar 27 Javascript
js仿百度登录页实现拖动窗口效果
Mar 11 Javascript
浅谈js多维数组和hash数组定义和使用
Jul 27 Javascript
获取jqGrid中选择的行的数据
Nov 30 Javascript
Angular-UI Bootstrap组件实现警报功能
Jul 16 Javascript
vue-cli3.0配置及使用注意事项详解
Sep 05 Javascript
浅谈Vue服务端渲染框架Nuxt的那些事
Dec 21 Javascript
vue强制刷新组件的方法示例
Feb 28 Javascript
js实现中文实时时钟
Jan 15 Javascript
用js编写留言板
Mar 17 Javascript
浅谈页面装载js及性能分析方法
Dec 09 #Javascript
深入分析jquery解析json数据
Dec 09 #Javascript
WEB前端设计师常用工具集锦
Dec 09 #Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
Dec 09 #Javascript
JQuery中使用on方法绑定hover事件实例
Dec 09 #Javascript
jQuery实现HTML5 placeholder效果实例
Dec 09 #Javascript
jQuery on方法传递参数示例
Dec 09 #Javascript
You might like
当海贼王变成JOJO风
2020/03/02 日漫
中国广播史趣谈 — 几个历史第一次
2021/03/01 无线电
php调用c接口无错版介绍
2014/03/11 PHP
PHP进制转换实例分析(2,8,16,36,64进制至10进制相互转换)
2017/02/04 PHP
[推荐]javascript 面向对象技术基础教程
2009/03/03 Javascript
JavaScript执行顺序详细介绍
2013/12/04 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
2014/04/11 Javascript
node.js中的fs.closeSync方法使用说明
2014/12/17 Javascript
JS正则表达式比较常见用法
2016/01/26 Javascript
如何实现json数据可视化详解
2016/11/24 Javascript
JavaScrpt中如何使用 cookie 设置查看与删除功能
2017/07/09 Javascript
基于JavaScript实现抽奖系统
2018/01/16 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
2018/08/05 Javascript
jquery分页插件pagination使用教程
2018/10/23 jQuery
[jQuery] 事件和动画详解
2019/03/05 jQuery
详解vue中移动端自适应方案
2019/05/05 Javascript
webpack proxy 使用(代理的使用)
2020/01/10 Javascript
PyQt5每天必学之带有标签的复选框
2018/04/19 Python
python自动重试第三方包retrying模块的方法
2018/04/24 Python
django的登录注册系统的示例代码
2018/05/14 Python
Python实现的本地文件搜索功能示例【测试可用】
2018/05/30 Python
Python实现的文轩网爬虫完整示例
2019/05/16 Python
Django命名URL和反向解析URL实现解析
2019/08/09 Python
python opencv根据颜色进行目标检测的方法示例
2020/01/15 Python
使用gunicorn部署django项目的问题
2020/12/30 Python
澳大利亚在线批发商:Simply Wholesale
2021/02/24 全球购物
电子商务专业实习生自我鉴定
2013/09/24 职场文书
简短的公司员工自我评价分享
2013/11/13 职场文书
护士求职自荐信范文
2014/03/19 职场文书
2014年新农村建设工作总结
2014/12/01 职场文书
2014年绩效考核工作总结
2014/12/11 职场文书
婚宴领导致辞
2015/07/28 职场文书
安全生产感想
2015/08/07 职场文书
2016年小学教师师德承诺书
2016/03/25 职场文书
2016年学校禁毒宣传活动工作总结
2016/04/05 职场文书
阿里云k8s服务升级时502错误 springboot项目应用
2022/04/09 Servers