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函数的重载
Sep 22 Javascript
js检测客户端不是firefox则提示下载
Apr 07 Javascript
Javascript 面向对象(二)封装代码
May 23 Javascript
Js动态添加复选框Checkbox的实例方法
Apr 08 Javascript
js倒计时小程序
Nov 05 Javascript
Js nodeType 属性全面解析
Nov 14 Javascript
JS实现图片高亮展示效果实例
Nov 24 Javascript
AngularJS模块详解及示例代码
Aug 17 Javascript
微信小程序 图片上传实例详解
May 05 Javascript
优化Vue项目编译文件大小的方法步骤
May 27 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
Aug 12 Javascript
Javascript前端下载后台传来的文件流代码实例
Aug 18 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获取数组中某元素的位置及array_keys函数应用
2013/01/29 PHP
php中的boolean(布尔)类型详解
2013/10/28 PHP
wampserver改变默认网站目录的办法
2015/08/05 PHP
php魔术方法功能与用法实例分析
2016/10/19 PHP
EarthLiveSharp中cloudinary的CDN图片缓存自动清理python脚本
2017/04/04 PHP
Laravel 关联模型-关联新增和关联更新的方法
2019/10/10 PHP
Json对象替换字符串占位符实现代码
2010/11/17 Javascript
让ie6也支持websocket采用flash封装实现
2013/02/18 Javascript
JQuery中Text方法用法实例分析
2015/05/18 Javascript
JavaScript的this关键字的理解
2016/06/18 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
2016/07/06 Javascript
浅析JavaScript中break、continue和return的区别
2016/11/30 Javascript
微信小程序之ES6与事项助手的功能实现
2016/11/30 Javascript
vue.js this.$router.push获取不到params参数问题
2020/03/03 Javascript
[38:21]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS LGD-CDEC
2014/05/22 DOTA
Python遍历文件夹和读写文件的实现代码
2016/08/28 Python
python版本的仿windows计划任务工具
2018/04/30 Python
解决python3捕获cx_oracle抛出的异常错误问题
2018/10/18 Python
Python3爬虫使用Fidder实现APP爬取示例
2018/11/27 Python
Python脚本破解压缩文件口令实例教程(zipfile)
2020/06/14 Python
Python自动化xpath实现自动抢票抢货
2020/09/19 Python
python用Configobj模块读取配置文件
2020/09/26 Python
Python通过递归函数输出嵌套列表元素
2020/10/15 Python
浅谈CSS3中的变形功能-transform功能
2017/12/27 HTML / CSS
canvas离屏技术与放大镜实现代码示例
2018/08/31 HTML / CSS
新奇的小玩意:IWOOT
2016/07/21 全球购物
大学生大二自我鉴定
2013/10/28 职场文书
开水果连锁店创业计划书
2013/12/29 职场文书
幼儿园保教管理制度
2014/02/03 职场文书
生产助理岗位职责
2014/06/18 职场文书
安阳殷墟导游词
2015/02/10 职场文书
试用期辞职信范文
2015/03/02 职场文书
中英文求职信范文
2015/03/19 职场文书
乡镇团委工作总结2015
2015/05/26 职场文书
我的中国梦心得体会范文
2016/01/05 职场文书
美甲店的创业计划书模板
2019/08/23 职场文书