用循环或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 相关文章推荐
Ext grid 添加右击菜单
Nov 26 Javascript
自己做的模拟模态对话框实现代码
May 23 Javascript
用JavaScript计算在UTF-8下存储字符串占用字节数
Aug 08 Javascript
Jquery easyui 下loaing效果示例代码
Aug 12 Javascript
让浏览器DOM元素最后加载的js方法
Jul 29 Javascript
jQuery中:hidden选择器用法实例
Dec 30 Javascript
jQuery选择器源码解读(七):elementMatcher函数
Mar 31 Javascript
浅谈angular4实际项目搭建总结
Dec 01 Javascript
深入理解node.js http模块
Jan 24 Javascript
React Router V4使用指南(精讲)
Sep 17 Javascript
Vue中对拿到的数据进行A-Z排序的实例
Sep 25 Javascript
JavaScript实现的九种排序算法
Mar 04 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
Flash空降上海 化身大魔王接受挑战
2020/03/02 星际争霸
PHP 和 XML: 使用expat函数(三)
2006/10/09 PHP
用PHP实现维护文件代码
2007/06/14 PHP
PHP Document 代码注释规范
2009/04/13 PHP
PHP入门教程之操作符与控制结构流程详解
2016/09/09 PHP
php-beanstalkd消息队列类实例分享
2017/07/19 PHP
jquery自动完成插件(autocomplete)应用之PHP版
2009/12/15 Javascript
Html中JS脚本执行顺序简单举例说明
2010/06/19 Javascript
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
2014/05/20 Javascript
nodejs 实现模拟form表单上传文件
2014/07/14 NodeJs
详解JavaScript函数
2015/12/01 Javascript
AngularJS初始化静态模板详解
2016/01/14 Javascript
Nodejs中的this详解
2016/03/26 NodeJs
Bootstrap中点击按钮后变灰并显示加载中实例代码
2016/09/23 Javascript
jquery仿苹果的时间/日期选择效果
2017/03/08 Javascript
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
2017/09/02 Javascript
jQuery实现动态添加节点与遍历节点功能示例
2017/11/09 jQuery
详解vue中组件参数
2018/07/09 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
2020/11/13 Javascript
python中enumerate的用法实例解析
2014/08/18 Python
python学生信息管理系统
2018/03/13 Python
java中两个byte数组实现合并的示例
2018/05/09 Python
cProfile Python性能分析工具使用详解
2019/07/22 Python
python定时任务 sched模块用法实例
2019/11/04 Python
win10系统下python3安装及pip换源和使用教程
2020/01/06 Python
解决keras,val_categorical_accuracy:,0.0000e+00问题
2020/07/02 Python
pytorch 多分类问题,计算百分比操作
2020/07/09 Python
AmazeUI 模态窗口的实现代码
2020/08/18 HTML / CSS
在SQL Server中创建数据库主要有那种方式
2013/09/10 面试题
个人自我评价范文
2014/02/05 职场文书
学习型班组申报材料
2014/05/31 职场文书
建设单位项目负责人任命书
2014/06/06 职场文书
社区志愿者活动方案
2014/08/18 职场文书
北京英文导游词
2015/02/12 职场文书
2015年小学校长工作总结
2015/05/19 职场文书
使用scrapy实现增量式爬取方式
2022/06/21 Python