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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
javascript EXCEL 操作类代码
Jul 30 Javascript
js 变量类型转换常用函数与代码[比较全]
Dec 01 Javascript
jQuery常见开发技巧详细整理
Jan 02 Javascript
IE、FF浏览器下修改标签透明度
Jan 28 Javascript
JS使用cookie实现DIV提示框只显示一次的方法
Nov 05 Javascript
一不小心就做错的JS闭包面试题
Nov 25 Javascript
探讨AngularJs中ui.route的简单应用
Nov 16 Javascript
jQuery实现两列等高并自适应高度
Dec 22 Javascript
手机端js和html5刮刮卡效果
Sep 29 Javascript
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
微信小程序实现YDUI的ScrollNav组件
Feb 02 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 smarty的预保留变量总结
2008/12/04 PHP
删除无限分类并同时删除它下面的所有子分类的方法
2010/08/08 PHP
linux下使用ThinkPHP需要注意大小写导致的问题
2011/08/02 PHP
php中unlink()、mkdir()、rmdir()等方法的使用介绍
2012/12/21 PHP
php实现的漂亮分页方法
2014/04/17 PHP
PHP打开和关闭文件操作函数总结
2014/11/18 PHP
PHP自定session保存路径及删除、注销与写入的方法
2014/11/18 PHP
PHP中字符安全过滤函数使用小结
2015/02/25 PHP
以文件形式缓存php变量的方法
2015/06/26 PHP
Yii+upload实现AJAX上传图片的方法
2016/07/13 PHP
php读取XML的常见方法实例总结
2017/04/25 PHP
PHP微信公众号开发之微信红包实现方法分析
2017/07/14 PHP
对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)
2011/07/31 Javascript
nodejs教程之异步I/O
2014/11/21 NodeJs
JavaScript函数柯里化详解
2016/04/29 Javascript
关于jQuery中fade(),show()起始位置的一点小发现
2017/04/25 jQuery
浅谈angular4 ng-content 中隐藏的内容
2017/08/18 Javascript
Three.js 再探 - 写一个微信跳一跳极简版游戏
2018/01/04 Javascript
vue-cli3项目展示本地Markdown文件的方法
2019/06/07 Javascript
vue通过v-html指令渲染的富文本无法修改样式的解决方案
2020/05/20 Javascript
[41:56]Spirit vs Liquid Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
python解决字典中的值是列表问题的方法
2013/03/04 Python
Python实现的生产者、消费者问题完整实例
2018/05/30 Python
win7下python3.6安装配置方法图文教程
2018/07/31 Python
使用python将图片按标签分入不同文件夹的方法
2018/12/08 Python
代码详解django中数据库设置
2019/01/28 Python
python 实现网易邮箱邮件阅读和删除的辅助小脚本
2021/03/01 Python
CSS3绘制超炫的上下起伏波动进度加载动画
2016/04/21 HTML / CSS
澳大利亚UGG工厂直销:Australian Ugg Boots
2017/10/14 全球购物
环境科学专业大学生自荐信格式
2013/09/21 职场文书
大学生专科学习生活的自我评价
2013/12/07 职场文书
四年级语文教学反思
2014/02/05 职场文书
颁奖晚会主持词
2014/03/25 职场文书
交通安全温馨提示语
2015/07/14 职场文书
CSS布局之浮动(float)和定位(position)属性的区别
2021/09/25 HTML / CSS
Go Grpc Gateway兼容HTTP协议文档自动生成网关
2022/06/16 Golang