用循环或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 相关文章推荐
javascript 运算数的求值顺序
Aug 23 Javascript
Extjs显示从数据库取出时间转换JSON后的出现问题
Nov 20 Javascript
Javascript Throttle &amp; Debounce应用介绍
Mar 19 Javascript
innerHTML中标签可以换行的方法汇总
Aug 14 Javascript
jQuery+CSS实现的网页二级下滑菜单效果
Aug 25 Javascript
javascript实现拖动元素交换位置
Nov 29 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
May 27 Javascript
微信小程序 图片边框解决方法
Jan 16 Javascript
原生js实现拖拽功能基本思路详解
Apr 18 Javascript
浅谈Angular6的服务和依赖注入
Jun 27 Javascript
原生JS实现手动轮播图效果实例代码
Nov 22 Javascript
详解vite2.0配置学习(typescript版本)
Feb 25 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把数据表导出为Excel表的最简单、最快的方法(不用插件)
2014/05/10 PHP
php中define用法实例
2015/07/30 PHP
如何使用PHP对网站验证码进行破解
2015/09/17 PHP
PHP实现自动发送邮件功能代码(qq 邮箱)
2017/08/18 PHP
JMenuTab简单使用说明
2008/03/13 Javascript
js控制浏览器全屏示例代码
2014/02/20 Javascript
JavaScript实现的MD5算法完整实例
2016/02/02 Javascript
JS类的定义与使用方法深入探索
2016/11/26 Javascript
解决angularjs中同步执行http请求的方法
2018/08/13 Javascript
详解JavaScript中typeof与instanceof用法
2018/10/24 Javascript
Vue实现简易翻页效果源码分享
2018/11/08 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
2019/07/30 Javascript
把MySQL表结构映射为Python中的对象的教程
2015/04/07 Python
合并百度影音的离线数据( with python 2.3)
2015/08/04 Python
python入门:这篇文章带你直接学会python
2018/09/14 Python
python/sympy求解矩阵方程的方法
2018/11/08 Python
快速解决vue.js 模板和jinja 模板冲突的问题
2019/07/26 Python
python时间日期操作方法实例小结
2020/02/06 Python
Python文字截图识别OCR工具实例解析
2020/03/05 Python
Python 实现网课实时监控自动签到、打卡功能
2020/03/12 Python
前端隐藏出边界内容的实现方法
2016/04/14 HTML / CSS
运动鞋、足球鞋和慕尼黑球衣:Sport Münzinger
2019/08/26 全球购物
如何手工释放资源
2013/12/15 面试题
工业学校毕业生自荐信范文
2014/01/03 职场文书
质量月活动策划方案
2014/03/10 职场文书
火锅店的活动方案
2014/08/15 职场文书
离职证明标准格式
2014/09/15 职场文书
2014乡镇班子个人对照检查材料思想汇报
2014/09/26 职场文书
个人作风纪律整顿整改措施
2014/10/25 职场文书
会计工作能力自我评价
2015/03/05 职场文书
加薪申请报告范本
2015/05/15 职场文书
平凡的世界读书笔记
2015/06/25 职场文书
公务员廉洁从政心得体会
2016/01/19 职场文书
pytorch 如何使用float64训练
2021/05/24 Python
JS setTimeout与setInterval的区别
2022/04/20 Javascript
windows server2016安装oracle 11g的图文教程
2022/07/15 Servers