用循环或if语句从json中取数据示例
更新时间：2014年08月18日 17:53:40 投稿：whsnow
倘若想将id和pid数据依次取出，就只能用循环，若想有选择性的输出时，需要添加if条件
首先，例如json数据如下书写：
{"head": [
{"text":"广州","id":"广州","pid":"广东省"},
{"text":"郑州","id":"郑州","pid":"河南省"}],
}
如上，倘若想将id和pid数据依次取出，就只能用循环，代码如下：
var head_id = "";
var head_pid = "";
for (var i = 0; i < data.head.length; i++) {
head_id += data.head[i].id + " "; //循环输出json数据
head_pid += data.head[i].pid + " ";
}
$("#city").append("city:" + head_id);
$("#city").append("province:" + head_pid);
这样，将会在data之后，依次输出json中的数据。
若想有选择性的输出时，需要添加if条件，代码如下：
for (var i = 0; i < data.head.length; i++) {
if (data.head[i].pid == "河南省") { //有选择的输出json数据
head_pid += data.head[i].pid;
}
}
需要注意的是，倘若对象中有多组数据，则用data.head.id是undefined的，因为没有标明是哪组数据，例如data.head[0].id，若对象中只有一组数据，则可以直接用data.head.id输出。
另外，倘若调出来的json数据，中文乱码，一方面查看json调用的jquery代码，另一方面，可能是编写json数据的文件的问题。
以上是自学json的一点学习所得，记录一下。
（注：对象中多个数据时，直接使用）（注：对象中多个数据时，直接使用）
相关文章
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
这篇文章主要介绍了JavaScript实现写入文件到本地的方法,结合实例形式分析了基于FileSaver.js插件实现保存文件到本地的相关操作技巧,并附带FileSaver.js插件完整源码,需要的朋友可以参考下2018-03-03
javascript的onchange事件与jQuery的change()方法比较
本来是想添加文本框文本内容改变事件动作的，结果找了许多这方面的javascript代码都不如意。2009-09-09
浏览器视频帧操作方法 requestVideoFrameCallback()
这篇文章主要介绍了浏览器视频帧操作方法 requestVideoFrameCallback()，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-07-07
我们在项目中经常使用到上拉加载更多,下面这篇文章主要给大家介绍了关于uniapp实现上拉加载更多功能的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-10-10
下面小编就为大家带来一篇一个简单不报错的summernote图片上传案例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
这篇文章主要介绍了JS+HTML5实现的前端购物车功能插件,结合完整实例形式分析了JS结合HTML5的storage特性存储数据实现购物车功能的相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2016-10-10
今天小编就为大家分享一篇解决layer 动态加载select 失效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家介绍了JS面试之对事件循环的理解分析详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
这篇文章主要为大家详细介绍了js实现移动端轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
这篇文章主要介绍了原生JavaScrpit中异步请求Ajax实现方法，非常不错，具有参考借鉴价值,需要的朋友可以参考下2017-11-11
最新评论