JavaScript解析json格式数据简单示例
更新时间：2014年12月09日 11:56:30 投稿：junjie
这篇文章主要介绍了JavaScript解析json格式数据简单示例,本文通过for循环来获取json结点数据,需要的朋友可以参考下
以下这串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高级程序设计》阅读笔记（三） ECMAScript中的引用类型
ECMAScript中的引用类型，主要包括Object类、Boolean类、Number类、String类、instanceof运算符2012-02-02
JavaScript判断字符长度、数字、Email、电话等常用判断函数分享
这篇文章主要介绍了JavaScript判断字符长度、数字、Email、电话等常用判断函数分享,本文直接给出实现代码,需要的朋友可以参考下2015-04-04
本文主要介绍了echarts柱状图坐标轴内容显示不全的两种解决办法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
小编给大家推荐几款使用Javascript实现的遮罩效果登陆框，其实这种效果是很常见的，在许多互动的社区及其它的一些地方，弹出框应用想当流行，在不妨碍网页运行的情况下，用户可以输入登录信息，实现完美登录。2015-11-11
下面小编就为大家带来一篇基于js中this和event 的区别(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
一个js控制textarea输入字符串的个数的脚本，当鼠标按下抬起时判断输入字符数，很简单，但很实用2014-09-09
这篇文章主要介绍了ES6新特性之变量和字符串用法,结合具体实例形式分析了ES6中变量与字符串的特性、使用方法与相关注意事项,需要的朋友可以参考下2017-04-04
指定区域的图片自动按比例缩小的js代码（防止页面被图片撑破）
有时候我们更新的内容，有很多的大图片，就会导致页面变形或看不到全图。一般情况我们用css的max-width控制，但有些浏览器不支持，我们也可以用js做个补充2014-02-02
在jsp中，我们可以用el表达式直接获取basePath，但是在单独js文件中不能用el表达式，下面与大家分享下js文件中如何获取basePath，感兴趣的朋友可以参考下2013-07-07
中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)
这篇文章主要介绍了中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结),小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-09-09
最新评论