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实现屏蔽默认快捷键调用自定义事件示例
Jun 18 Javascript
如何改进javascript代码的性能
Apr 02 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
Aug 02 Javascript
Bootstrap学习笔记之环境配置(1)
Dec 07 Javascript
浅谈js script标签中的预解析
Dec 30 Javascript
新闻上下滚动jquery 超简洁(必看篇)
Jan 21 Javascript
JS中正则表达式全局匹配模式 /g用法详解
Apr 01 Javascript
js获取元素的偏移量offset简单方法(必看)
Jul 05 Javascript
详解ES6语法之可迭代协议和迭代器协议
Jan 13 Javascript
vue axios整合使用全攻略
May 24 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
Oct 30 Javascript
vue实现登录功能
Dec 31 Vue.js
浅谈页面装载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
隐藏X-Space个人空间下方版权方法隐藏X-Space个人空间标题隐藏X-Space个人空间管理版权方法
2007/02/22 PHP
php中通过curl模拟登陆discuz论坛的实现代码
2012/02/16 PHP
提高PHP编程效率的方法
2013/11/07 PHP
php过滤表单提交的html等危险代码
2014/11/03 PHP
Laravel 集成微信用户登录和绑定的实现
2019/12/27 PHP
php将字符串转换为数组实例讲解
2020/05/05 PHP
JavaScript面向对象之静态与非静态类
2010/02/03 Javascript
jQuery on()绑定动态元素出现的问题小结
2016/02/19 Javascript
Nodejs中的this详解
2016/03/26 NodeJs
jQuery自制提示框tooltip改进版
2016/08/01 Javascript
js实时获取窗口大小变化的实例代码
2016/11/18 Javascript
微信小程序 支付后台java实现实例
2017/05/09 Javascript
JS验证全角与半角及相互转化的介绍
2017/05/18 Javascript
element-ui表格列金额显示两位小数的方法
2018/08/24 Javascript
javascript中UMD规范的代码推演
2018/08/29 Javascript
js前端面试之同步与异步问题详解
2019/04/03 Javascript
js全屏事件fullscreenchange 实现全屏、退出全屏操作
2019/09/17 Javascript
[03:40]DOTA2英雄梦之声_第01期_炼金术士
2014/06/23 DOTA
Python3基础之条件与循环控制实例解析
2014/08/13 Python
用python 批量更改图像尺寸到统一大小的方法
2018/03/31 Python
python3将视频流保存为本地视频文件
2018/06/20 Python
python 重命名轴索引的方法
2018/11/10 Python
使用django实现一个代码发布系统
2019/07/18 Python
用Python调用win命令行提高工作效率的实例
2019/08/14 Python
Python ckeditor富文本编辑器代码实例解析
2020/06/22 Python
Python使用tkinter实现摇骰子小游戏功能的代码
2020/07/02 Python
html5 Canvas画图教程(6)—canvas里画曲线之arcTo方法
2013/01/09 HTML / CSS
澳大利亚足球鞋和服装购物网站:Ultra Football
2018/10/11 全球购物
Internal修饰符有什么含义
2013/07/10 面试题
新媒传信软件测试面试题
2013/02/24 面试题
安全大检查反思材料
2014/01/31 职场文书
《数星星的孩子》教学反思
2014/04/11 职场文书
微电影大赛策划方案
2014/06/05 职场文书
领导班子四风查摆对照检查材料思想汇报
2014/10/05 职场文书
Python使用海龟绘图实现贪吃蛇游戏
2021/06/18 Python
浅谈mysql增加索引不生效的几种情况
2021/06/23 MySQL