用循环或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 相关文章推荐
实现png图片和png背景透明(支持多浏览器)的方法
Sep 08 Javascript
ajax处理php返回json数据的实例代码
Jan 24 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
Jan 02 Javascript
JS根据变量保存方法名并执行方法示例
Apr 04 Javascript
JS往数组中添加项性能分析
Feb 25 Javascript
Bootstrap Table从服务器加载数据进行显示的实现方法
Sep 29 Javascript
Bootstrap表格使用方法详解
Feb 17 Javascript
ES6新特性之Symbol类型用法分析
Mar 31 Javascript
vue.js删除动态绑定的radio的指定项
Jun 02 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
Sep 21 Javascript
基于Vue 撸一个指令实现拖拽功能
Oct 09 Javascript
通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法
Aug 24 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数组转xml的代码分享
2015/05/14 PHP
CakePHP框架Model函数定义方法示例
2017/08/04 PHP
浅谈Laravel POST,PUT,PATCH 路由的区别
2019/10/15 PHP
javascript multibox 全选
2009/03/22 Javascript
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
2011/08/09 Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
2016/02/21 Javascript
jquery实现页面常用的返回顶部效果
2016/03/04 Javascript
基于javascript实现tab切换特效
2016/03/29 Javascript
js获取页面及个元素高度、宽度的代码
2016/04/26 Javascript
Backbone.js框架中Model与Collection的使用实例
2016/05/07 Javascript
前端js文件合并的三种方式推荐
2016/05/19 Javascript
微信小程序 仿美团分类菜单 swiper分类菜单
2017/04/12 Javascript
详解JS获取HTML DOM元素的8种方法
2017/06/17 Javascript
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
2017/09/23 jQuery
vue实现与安卓、IOS交互的方法
2018/11/02 Javascript
JavaScript随机数的组合问题案例分析
2020/05/16 Javascript
js实现盒子滚动动画效果
2020/08/09 Javascript
vue实现tab栏点击高亮效果
2020/08/19 Javascript
nuxt静态部署打包相对路径操作
2020/11/06 Javascript
关于JavaScript中异步/等待的用法与理解
2020/11/18 Javascript
python实现的简单窗口倒计时界面实例
2015/05/05 Python
python版opencv摄像头人脸实时检测方法
2018/08/03 Python
Python3 pip3 list 出现 DEPRECATION 警告的解决方法
2019/02/16 Python
python并发编程 Process对象的其他属性方法join方法详解
2019/08/20 Python
通过python实现windows桌面截图代码实例
2020/01/17 Python
Java工程师面试集锦之Spring框架
2013/06/16 面试题
C#怎么让一个窗口居中显示?
2015/10/20 面试题
运动会通讯稿150字
2014/02/15 职场文书
高中生职业生涯规划书
2014/02/24 职场文书
大学迎新晚会主持词
2014/03/24 职场文书
企业人事任命书
2014/06/05 职场文书
幼儿园大班区域活动总结
2014/07/09 职场文书
甜品店创业计划书
2014/08/14 职场文书
2015世界地球日活动总结
2015/02/09 职场文书
2015年毕业生实习评语
2015/03/25 职场文书
Java异常体系非正常停止和分类
2022/06/14 Java/Android