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替换URL中的参数值示例代码
Jan 27 Javascript
Javascript定义类(class)的三种方法详解
Mar 13 Javascript
探讨JavaScript标签位置的存放与功能有无关系
Jan 15 Javascript
关于Vue.nextTick()的正确使用方法浅析
Aug 25 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
Aug 28 Javascript
解决vue中使用swiper插件问题及swiper在vue中的用法
Apr 04 Javascript
vue select组件的使用与禁用实现代码
Apr 10 Javascript
详解ES6中的 Set Map 数据结构学习总结
Nov 06 Javascript
微信小程序自定义toast的实现代码
Nov 16 Javascript
vue 基于element-ui 分页组件封装的实例代码
Dec 10 Javascript
js实现踩五彩块游戏
Feb 08 Javascript
小程序跳转到的H5页面再跳转回跳小程序的方法
Mar 06 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
ThinkPHP CURD方法之limit方法详解
2014/06/18 PHP
PHP使用NuSOAP调用Web服务的方法
2015/07/18 PHP
PHP生成可点击刷新的验证码简单示例
2016/05/13 PHP
thinkphp5.1框架容器与依赖注入实例分析
2019/07/23 PHP
基于Jquery的将DropDownlist的选中值赋给label的实现代码
2011/05/06 Javascript
JS中批量给元素绑定事件过程中的相关问题使用闭包解决
2013/04/15 Javascript
判定是否原生方法的JS代码
2013/11/12 Javascript
浅谈JavaScript数据类型
2015/03/03 Javascript
使用canvas实现仿新浪微博头像截取上传功能
2015/09/02 Javascript
jQuery+HTML5美女瀑布流布局实现方法
2015/09/21 Javascript
原生js实现弹出层登录拖拽功能
2016/12/05 Javascript
使用canvas及js简单生成验证码方法
2017/04/02 Javascript
vue.js获取数据库数据实例代码
2017/05/26 Javascript
详解webpack 如何集成第三方js库
2017/06/29 Javascript
javascript  删除select中的所有option的实例
2017/09/17 Javascript
webpack配置导致字体图标无法显示的解决方法
2018/03/06 Javascript
vue+webpack 更换主题N种方案优劣分析
2019/10/28 Javascript
Java Varargs 可变参数用法详解
2020/01/28 Javascript
python使用三角迭代计算圆周率PI的方法
2015/03/20 Python
python和shell获取文本内容的方法
2018/06/05 Python
python将回车作为输入内容的实例
2018/06/23 Python
python: 自动安装缺失库文件的方法
2018/10/22 Python
python实现文本界面网络聊天室
2018/12/12 Python
Pycharm如何打断点的方法步骤
2019/06/13 Python
python实现键盘输入的实操方法
2019/07/16 Python
Python 面向对象之封装、继承、多态操作实例分析
2019/11/21 Python
导入tensorflow:ImportError: libcublas.so.9.0 报错
2020/01/06 Python
澳大利亚足球鞋和服装购物网站:Ultra Football
2018/10/11 全球购物
娇韵诗Clarins意大利官方网站:法国天然护肤品牌
2020/03/11 全球购物
.NET remoting中对象激活的两种方式
2015/06/08 面试题
立志成才演讲稿
2014/09/04 职场文书
2014年小学教师工作自我评价
2014/09/22 职场文书
2014大学班主任工作总结
2014/11/08 职场文书
小学一年级学生评语大全
2014/12/25 职场文书
社区扶贫帮困工作总结
2015/05/20 职场文书
Navicat连接MySQL错误描述分析
2021/06/02 MySQL