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进行目录上传(相当于批量上传)
Dec 05 Javascript
关于javascript event flow 的一个bug详解
Sep 17 Javascript
JS对象转换为Jquery对象实现代码
Dec 29 Javascript
jquery序列化表单去除指定元素示例代码
Apr 10 Javascript
ExtJS4给Combobox设置列表中的默认值示例
May 02 Javascript
JavaScript学习笔记之JS事件对象
Jan 22 Javascript
基于JS实现无缝滚动思路及代码分享
Jun 07 Javascript
最好用的Bootstrap fileinput.js文件上传组件
Dec 12 Javascript
ES6中Class类的静态方法实例小结
Oct 28 Javascript
React/Redux应用使用Async/Await的方法
Nov 16 Javascript
浅谈webpack4 图片处理汇总
Sep 12 Javascript
实现高性能javascript的注意事项
May 27 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
全国FM电台频率大全 - 3 河北省
2020/03/11 无线电
PHP新手上路(十三)
2006/10/09 PHP
php 获取一个月第一天与最后一天的代码
2010/05/16 PHP
ThinkPHP无限级分类原理实现留言与回复功能实例
2014/10/31 PHP
php中debug_backtrace、debug_print_backtrace和匿名函数用法实例
2014/12/01 PHP
php动态变量定义及使用
2015/06/10 PHP
mysql_escape_string()函数用法分析
2016/04/25 PHP
JS弹出对话框返回值代码(asp.net后台)
2010/12/28 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
2013/08/21 Javascript
html的DOM中document对象images集合用法实例
2015/01/21 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
2016/02/18 Javascript
JavaScript入门系列之知识点总结
2016/03/24 Javascript
js实现tab选项卡切换功能
2017/01/13 Javascript
JS+canvas绘制的动态机械表动画效果
2017/09/12 Javascript
详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
2018/07/24 Javascript
Koa日志中间件封装开发详解
2019/03/09 Javascript
wx-charts 微信小程序图表插件的具体使用
2019/08/18 Javascript
如何手写简易的 Vue Router
2020/10/10 Javascript
vue内置组件keep-alive事件动态缓存实例
2020/10/30 Javascript
解决vue页面刷新,数据丢失的问题
2020/11/24 Vue.js
python如何去除字符串中不想要的字符
2020/07/05 Python
解决Django中多条件查询的问题
2019/07/18 Python
html5 touch事件实现触屏页面上下滑动(一)
2016/03/10 HTML / CSS
详解px单位html5响应式方案
2018/03/08 HTML / CSS
BRASTY捷克:购买香水、化妆品、手袋和手表
2017/07/12 全球购物
澳大利亚最受欢迎的美发和美容在线商店:Catwalk
2018/12/12 全球购物
八一建军节感言
2014/02/28 职场文书
求职信范文大全
2014/05/26 职场文书
2014各大专业毕业生自我评价
2014/09/17 职场文书
2014年食堂工作总结
2014/11/20 职场文书
单位接收函格式
2015/01/30 职场文书
仓库管理制度范本
2015/08/04 职场文书
家电创业计划书
2019/08/05 职场文书
Linux安装Nginx步骤详解
2021/03/31 Servers
python实现调用摄像头并拍照发邮箱
2021/04/27 Python
golang为什么要统一错误处理
2022/04/03 Golang