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 相关文章推荐
JavaScript 继承的实现
Jul 09 Javascript
折叠菜单及选择器的运用
Feb 03 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
Oct 25 Javascript
js导出Excel表格超出26位英文字符的解决方法ES6
Nov 15 Javascript
vue iview组件表格 render函数的使用方法详解
Mar 15 Javascript
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
Apr 13 Javascript
vue实现多条件和模糊搜索功能
May 28 Javascript
vue实现修改图片后实时更新
Nov 14 Javascript
微信小程序canvas截取任意形状的实现代码
Jan 13 Javascript
element中table高度自适应的实现
Oct 21 Javascript
JavaScript事件概念详解(区分静态注册和动态注册)
Feb 05 Javascript
javascript条件式访问属性和箭头函数介绍
Nov 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
php基于GD库画五星红旗的方法
2015/02/24 PHP
PHP数组函数array_multisort()用法实例分析
2016/04/02 PHP
Laravel实现通过blade模板引擎渲染视图
2019/10/25 PHP
js window.open弹出新的网页窗口
2014/01/16 Javascript
通过JS动态创建一个html DOM元素并显示
2014/10/15 Javascript
JavaScript日期时间与时间戳的转换函数分享
2015/01/31 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
2015/06/23 Javascript
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
2016/02/25 Javascript
JS操作JSON方法总结(推荐)
2016/06/14 Javascript
Node.js五大应用性能技巧小结(必须收藏)
2017/08/09 Javascript
jQuery 改变P标签文本值方法
2018/02/24 jQuery
vue下history模式刷新后404错误解决方法
2018/08/18 Javascript
使用apifm-wxapi模块中的问题及解决方法
2019/08/05 Javascript
[36:33]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第二场
2018/04/04 DOTA
python实现将读入的多维list转为一维list的方法
2018/06/28 Python
删除DataFrame中值全为NaN或者包含有NaN的列或行方法
2018/11/06 Python
pandas 将索引值相加的方法
2018/11/15 Python
Python django框架输入汉字,数字,字符生成二维码实现详解
2019/09/24 Python
python二进制读写及特殊码同步实现详解
2019/10/11 Python
selenium 多窗口切换的实现(windows)
2020/01/18 Python
Python任务自动化工具tox使用教程
2020/03/17 Python
Python利用PyPDF2库获取PDF文件总页码实例
2020/04/03 Python
深入浅析Python代码规范性检测
2020/07/31 Python
CSS3教程:边框属性border的极致应用
2009/04/02 HTML / CSS
CSS3制作缩略图的详细过程
2016/07/08 HTML / CSS
SteelSeries赛睿官网:游戏外设和配件的领先制造商(耳机、键盘、鼠标和鼠标垫)
2018/06/17 全球购物
自我鉴定模板
2013/10/29 职场文书
电子信息毕业生自荐信
2013/11/16 职场文书
应用数学专业求职信
2014/03/14 职场文书
房产协议书范本
2014/10/18 职场文书
客房部经理岗位职责
2015/02/02 职场文书
奠基仪式致辞
2015/07/30 职场文书
2019财务转正述职报告
2019/06/27 职场文书
go语言中json数据的读取和写出操作
2021/04/28 Golang
tensorflow中的梯度求解及梯度裁剪操作
2021/05/26 Python
实现一个简单得数据响应系统
2021/11/11 Javascript