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方法和技巧大全
Dec 27 Javascript
如何将一个String和多个String值进行比较思路分析
Apr 22 Javascript
扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路
May 17 Javascript
javascript(js)的小数点乘法除法问题详解
Mar 07 Javascript
JavaScript中数组继承的简单示例
Jul 29 Javascript
jquery validate表单验证的基本用法入门
Jan 18 Javascript
简单讲解AngularJS的Routing路由的定义与使用
Mar 05 Javascript
JavaScript、C# URL编码、解码总结
Jan 21 Javascript
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 jQuery
vue-cli3中vue.config.js配置教程详解
May 29 Javascript
微信小程序用户授权、位置授权及获取微信绑定手机号
Jul 18 Javascript
简介JavaScript错误处理机制
Aug 04 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的SimpleXML方法读写XML接口文件实例解析
2014/06/16 PHP
PHP封装的MSSql操作类完整实例
2016/05/26 PHP
php英文单词统计器
2016/06/23 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
PHP时间类完整代码实例
2021/02/26 PHP
使用prototype.js进行异步操作
2007/02/07 Javascript
初识JQuery 实例一(first)
2011/03/16 Javascript
extjs表格文本启用选择复制功能具体实现
2013/10/11 Javascript
JavaScript实现多维数组的方法
2013/11/20 Javascript
jQuery实现简单的日期输入格式化控件
2015/03/12 Javascript
js点击返回跳转到指定页面实现过程
2020/08/20 Javascript
Node.js返回JSONP详解
2016/05/18 Javascript
浅析JavaScript中的array数组类型系统
2016/07/18 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
2016/09/05 Javascript
JS 实现可停顿的垂直滚动实例代码
2016/11/23 Javascript
基于JS对象创建常用方式及原理分析
2017/06/28 Javascript
Vue导出页面为PDF格式的实现思路
2018/07/31 Javascript
详解Ant Design of React的安装和使用方法
2018/12/27 Javascript
JS异步错误捕获的一些事小结
2019/04/26 Javascript
vue设置动态请求地址的例子
2019/11/01 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
2019/12/12 Javascript
在Python的Flask框架下收发电子邮件的教程
2015/04/21 Python
Python多线程、异步+多进程爬虫实现代码
2016/02/17 Python
python实现决策树ID3算法的示例代码
2018/05/30 Python
Appium+python自动化之连接模拟器并启动淘宝APP(超详解)
2019/06/17 Python
使用TensorFlow实现简单线性回归模型
2019/07/19 Python
PyQt5+Pycharm安装和配置图文教程详解
2020/03/24 Python
python中的时区问题
2021/01/14 Python
Zooplus葡萄牙:欧洲领先的网上宠物商店
2018/07/01 全球购物
广州盈通面试题
2015/12/05 面试题
大专学生求职自荐信
2014/07/06 职场文书
2016猴年春节问候语
2015/11/11 职场文书
大学学生会竞选稿
2015/11/19 职场文书
标准发言稿结尾
2019/07/18 职场文书
python源码剖析之PyObject详解
2021/05/18 Python
Go语言设计模式之结构型模式
2021/06/22 Golang