用循环或if语句从json中取数据示例


Posted in Javascript onAugust 18, 2014

首先,例如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 相关文章推荐
jQuery EasyUI 的EasyLoader功能介绍
Sep 12 Javascript
JavaScript中奇葩的假值示例应用
Mar 11 Javascript
举例详解AngularJS中ngShow和ngHide的使用方法
Jun 19 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
Jan 18 Javascript
JS 面向对象之继承---多种组合继承详解
Jul 10 Javascript
JavaScript日期选择功能示例
Jan 16 Javascript
Javascript同时声明一连串(多个)变量的方法
Jan 23 Javascript
vue2笔记 — vue-router路由懒加载的实现
Mar 03 Javascript
什么是Vue.js框架 为什么选择它?
Oct 17 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
Jan 30 Javascript
浅谈Webpack多页应用HMR卡住问题
Apr 24 Javascript
vue实现标签云效果的示例
Nov 09 Javascript
通过jquery 获取URL参数并进行转码
Aug 18 #Javascript
浅谈JavaScript中定义变量时有无var声明的区别
Aug 18 #Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 #Javascript
使用node.js半年来总结的 10 条经验
Aug 18 #Javascript
推荐 21 款优秀的高性能 Node.js 开发框架
Aug 18 #Javascript
根据当前时间在jsp页面上显示上午或下午
Aug 18 #Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
Aug 18 #Javascript
You might like
PHP学习之PHP变量
2006/10/09 PHP
解析php中如何直接执行SHELL
2013/06/28 PHP
PHP代码优化技巧小结
2015/09/29 PHP
php+webSoket实现聊天室示例代码(附源码)
2017/02/17 PHP
Javascript 实现的数独解题算法网页实例
2013/10/15 Javascript
全面解析Bootstrap表单使用方法(表单样式)
2015/11/24 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
2016/01/04 Javascript
深入浅析JS的数组遍历方法(推荐)
2016/06/15 Javascript
Angular ui.bootstrap.pagination分页
2017/01/20 Javascript
Node.js中.pfx后缀文件的处理方法
2017/03/10 Javascript
js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果
2017/07/17 Javascript
vue2.0在table中实现全选和反选的示例代码
2017/11/04 Javascript
node跨域转发 express+http-proxy-middleware的使用
2018/05/31 Javascript
vue中引用swiper轮播插件的教程详解
2018/08/16 Javascript
Express结合Webpack的全栈自动刷新
2019/05/23 Javascript
百度小程序自定义通用toast组件
2019/07/17 Javascript
[47:52]完美世界DOTA2联赛PWL S2 PXG vs InkIce 第二场 11.26
2020/11/30 DOTA
Python中for循环控制语句用法实例
2015/06/02 Python
python简单实现基于SSL的IRC bot实例
2015/06/15 Python
python生成ppt的方法
2018/06/07 Python
python读取一个目录下所有txt里面的内容方法
2018/06/23 Python
详解python路径拼接os.path.join()函数的用法
2019/10/09 Python
用python绘制樱花树
2020/10/09 Python
htnl5利用svg页面高斯模糊的方法
2018/07/20 HTML / CSS
华三通信H3C面试题
2015/05/15 面试题
大学生毕业求职找工作的自我评价
2013/09/29 职场文书
跟单文员的岗位职责
2013/11/14 职场文书
单位工程竣工验收方案
2014/03/16 职场文书
松材线虫病防治方案
2014/06/15 职场文书
2014政府领导班子对照检查材料思想汇报(3篇)
2014/09/26 职场文书
校长师德师风自我剖析材料
2014/09/29 职场文书
2014基建处领导班子“四风”对照检查材料思想汇报
2014/10/04 职场文书
英语读书笔记
2015/07/02 职场文书
高并发下Redis如何保持数据一致性(避免读后写)
2022/03/18 Redis
「偶像大师 MILLION LIVE!」七尾百合子手办开订
2022/03/21 日漫
Python多线程实用方法以及共享变量资源竞争问题
2022/04/12 Python