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判断上传文件的类型和大小示例代码
Oct 18 Javascript
12种不宜使用的Javascript语法整理
Nov 04 Javascript
js实现鼠标滑过文字链接色彩变化的效果
May 06 Javascript
canvas实现爱心和彩虹雨效果
Mar 09 Javascript
JavaScript动态绑定详解
Sep 14 Javascript
vue项目总结之文件夹结构配置详解
Dec 13 Javascript
tangram.js库实现js类的方式实例分析
Jan 06 Javascript
vue实现的树形结构加多选框示例
Feb 02 Javascript
详解微信小程序获取当前时间及日期的方法
Apr 28 Javascript
vue 实现路由跳转时更改页面title
Nov 05 Javascript
vue实现div单选多选功能
Jul 16 Javascript
Javascript中的奇葩知识,你知道吗?
Jan 25 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 柱状图实现代码
2009/12/04 PHP
php数组函数序列之in_array() - 查找数组中是否存在指定值
2011/11/07 PHP
PHP常用正则表达式集锦
2014/08/17 PHP
cakephp打印sql语句的方法
2015/02/13 PHP
php的debug相关函数用法示例
2016/07/11 PHP
PHP写API输出的时用echo的原因详解
2019/04/28 PHP
无语,javascript居然支持中文(unicode)编程!
2007/04/12 Javascript
javascript 运算数的求值顺序
2011/08/23 Javascript
jQuery使用removeClass方法删除元素指定Class的方法
2015/03/26 Javascript
js+html5实现canvas绘制简单矩形的方法
2015/06/05 Javascript
javascript实现网页字符定位的方法
2015/07/14 Javascript
jQuery 自定义下拉框(DropDown)附源码下载
2016/07/22 Javascript
JavaScript正则表达式实例详解
2016/10/16 Javascript
用JavaScript实现让浏览器停止载入页面的方法
2017/01/19 Javascript
微信小程序 自定义消息提示框
2017/08/06 Javascript
如何在vue里面优雅的解决跨域(路由冲突问题)
2019/01/20 Javascript
layui对工具条进行选择性的显示方法
2019/09/19 Javascript
Vue根据条件添加click事件的方式
2019/11/09 Javascript
[56:29]Secret vs Optic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Tornado服务器中绑定域名、虚拟主机的方法
2014/08/22 Python
Python转换HTML到Text纯文本的方法
2015/01/15 Python
Python随手笔记第一篇(2)之初识列表和元组
2016/01/23 Python
python绘制双Y轴折线图以及单Y轴双变量柱状图的实例
2019/07/08 Python
python实现一个猜拳游戏
2020/04/05 Python
html5+svg学习指南之SVG基础知识
2014/12/17 HTML / CSS
美国大城市最热门旅游景点门票:CityPASS
2016/12/16 全球购物
班组长安全职责
2014/01/05 职场文书
大学生村官工作感言
2014/01/10 职场文书
机关道德讲堂实施方案
2014/03/15 职场文书
新春文艺演出主持词
2014/03/27 职场文书
普通党员个人整改措施
2014/10/27 职场文书
二十年同学聚会感言
2015/07/30 职场文书
《黄山奇石》教学反思
2016/02/18 职场文书
浅谈Python从全局与局部变量到装饰器的相关知识
2021/06/21 Python
项目中Nginx多级代理是如何获取客户端的真实IP地址
2022/05/30 Servers
python实现商品进销存管理系统
2022/05/30 Python