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窗口功能指南之在窗口中书写内容
Jul 21 Javascript
jquery ui对话框实例代码
May 10 Javascript
jquery给图片添加鼠标经过时的边框效果
Nov 12 Javascript
全面解析Bootstrap中form、navbar的使用方法
May 30 Javascript
JavaScript必知必会(七)js对象继承
Jun 08 Javascript
JS清除字符串中重复值的实现方法
Aug 03 Javascript
微信小程序中进行地图导航功能的实现方法
Jun 29 Javascript
详解使用VUE搭建后台管理系统(vue-cli更新至3.0)
Aug 22 Javascript
微信小程序车牌号码模拟键盘输入功能的实现代码
Nov 11 Javascript
js 下拉菜单点击旁边收起实现(踩坑记)
Sep 29 Javascript
Openlayers测量距离与面积的实现方法
Sep 25 Javascript
详解JS数组方法
Nov 20 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连接mssql数据库的几种方法
2013/02/21 PHP
解析zend Framework如何自动加载类
2013/06/28 PHP
用 Composer构建自己的 PHP 框架之基础准备
2014/10/30 PHP
ThinkPHP采用原生query实现关联查询left join实例
2014/12/02 PHP
php输入数据统一类实例
2015/02/23 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
JavaScript实现简单图片滚动附源码下载
2014/06/17 Javascript
js实现透明度渐变效果的方法
2015/04/10 Javascript
纯javascript代码实现计算器功能(三种方法)
2015/09/07 Javascript
JS+CSS实现另类带提示效果的竖向导航菜单
2015/10/15 Javascript
动态更新highcharts数据的实现方法
2016/05/28 Javascript
JavaScript中的this使用详解
2016/07/27 Javascript
jQuery.form.js的使用详解
2017/06/14 jQuery
Bootstrap实现下拉菜单多级联动
2017/11/23 Javascript
Vue项目中使用Vux的安装过程
2018/05/01 Javascript
Vue组件创建和传值的方法
2018/08/17 Javascript
详解mpvue实现对苹果X安全区域的适配
2019/07/31 Javascript
python通过getopt模块如何获取执行的命令参数详解
2017/12/29 Python
Python实现的井字棋(Tic Tac Toe)游戏示例
2018/01/31 Python
django实现web接口 python3模拟Post请求方式
2019/11/19 Python
Numpy之reshape()使用详解
2019/12/26 Python
Python通过TensorFLow进行线性模型训练原理与实现方法详解
2020/01/15 Python
python3将变量写入SQL语句的实现方式
2020/03/02 Python
SpringBoot实现登录注册常见问题解决方案
2020/03/04 Python
Python 实现图片转字符画的示例(静态图片,gif皆可)
2020/11/05 Python
Python hashlib和hmac模块使用方法解析
2020/12/08 Python
可能这些是你想要的H5软键盘兼容方案(小结)
2019/04/23 HTML / CSS
会计专业毕业自荐书范文
2014/02/08 职场文书
安全生产管理合理化建议书
2014/03/12 职场文书
项目合作协议书
2014/09/23 职场文书
乡镇领导干部个人对照检查材料思想汇报
2014/09/23 职场文书
自查自纠工作总结
2014/10/15 职场文书
质监局领导班子践行群众路线整改方案
2014/10/26 职场文书
2014年网络管理员工作总结
2014/12/01 职场文书
基于go interface{}==nil 的几种坑及原理分析
2021/04/24 Golang
如何使用PyCharm及常用配置详解
2021/06/03 Python