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 相关文章推荐
syntaxhighlighter 使用方法
Jul 02 Javascript
javascript 一段左右两边随屏滚动的代码
Jun 18 Javascript
jquery 插件开发方法小结
Oct 23 Javascript
window.opener用法和用途实例介绍
Aug 19 Javascript
js实现select组件的选择输入过滤代码
Oct 14 Javascript
jquery实现百叶窗效果
Jan 12 Javascript
Angular 4.x 动态创建表单实例
Apr 25 Javascript
浅谈React组件之性能优化
Mar 02 Javascript
Vue组件Draggable实现拖拽功能
Dec 01 Javascript
详解Vue+Element的动态表单,动态表格(后端发送配置,前端动态生成)
Apr 20 Javascript
vue 实现input表单元素的disabled示例
Oct 28 Javascript
JavaScript监听触摸事件代码实例
Dec 30 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
使用TinyButStrong模板引擎来做WEB开发
2007/03/16 PHP
PHP Socket 编程
2010/04/09 PHP
解析获取优酷视频真实下载地址的PHP源代码
2013/06/26 PHP
zf框架的zend_cache缓存使用方法(zend框架)
2014/03/14 PHP
ThinkPHP中使用Ueditor富文本编辑器
2015/09/02 PHP
php删除一个路径下的所有文件夹和文件的方法
2018/02/07 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
jquery miniui 教程 表格控件 合并单元格应用
2012/11/25 Javascript
基于datagrid框架的查询
2013/04/08 Javascript
js Map List 遍历使用示例
2013/07/10 Javascript
使用jQuery时Form表单元素ID和name命名大忌
2014/03/06 Javascript
jQuery数据缓存用法分析
2015/02/20 Javascript
Angular 页面跳转时传参问题
2016/08/01 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
2016/12/02 Javascript
JavaScript中匿名函数的递归调用
2017/01/22 Javascript
使用Dropzone.js上传的示例代码
2017/10/10 Javascript
vue实现未登录跳转到登录页面的方法
2018/07/17 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
2019/11/09 Javascript
Nuxt配置Element-UI按需引入的操作方法
2020/07/06 Javascript
JavaScript 空间坐标的使用
2020/08/19 Javascript
[56:14]Fnatic vs OG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python访问MySQL封装的常用类实例
2014/11/11 Python
python中import reload __import__的区别详解
2017/10/16 Python
python中的计时器timeit的使用方法
2017/10/20 Python
Python倒排索引之查找包含某主题或单词的文件
2019/11/13 Python
基于python实现上传文件到OSS代码实例
2020/05/09 Python
基于HTML5陀螺仪实现ofo首页眼睛移动效果的示例
2017/07/31 HTML / CSS
求职自荐信
2013/12/14 职场文书
运动会方阵解说词
2014/02/12 职场文书
爱国卫生月实施方案
2014/02/21 职场文书
正科级干部考察材料
2014/05/29 职场文书
自我管理的活动方案
2014/08/25 职场文书
小学一年级数学教学计划
2015/01/20 职场文书
英语专业毕业论文答辩开场白
2015/05/27 职场文书
《槐乡的孩子》教学反思
2016/02/20 职场文书
shell进度条追踪指令执行时间的场景分析
2022/06/16 Servers