用循环或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_14_函数形式参数与arguments
Oct 20 Javascript
关于跨站脚本攻击问题
Dec 22 Javascript
checkbox全选所涉及到的知识点介绍
Dec 31 Javascript
javascript中的return和闭包函数浅析
Jun 06 Javascript
JavaScript缓冲运动实现方法(2则示例)
Jan 08 Javascript
第九章之路径分页标签与徽章组件
Apr 25 Javascript
微信小程序使用第三方库Underscore.js步骤详解
Sep 27 Javascript
Angular中的$watch方法详解
Sep 18 Javascript
浅析node应用的timing-attack安全漏洞
Feb 28 Javascript
解决Vue+Element ui开发中碰到的IE问题
Sep 03 Javascript
基于ssm框架实现layui分页效果
Jul 27 Javascript
如何优化vue打包文件过大
Apr 13 Vue.js
通过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
AM/FM收音机的安装与调试
2021/03/02 无线电
php 格式化数字的时候注意数字的范围
2010/04/13 PHP
常用的PHP数据库操作方法(MYSQL版)
2011/06/08 PHP
php实现分页工具类分享
2014/01/09 PHP
用js实现计算代码行数的简单方法附代码
2007/08/13 Javascript
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
2010/01/12 Javascript
javascript实现的像java、c#之类的sleep暂停的函数代码
2010/03/04 Javascript
node.js中的http.request.end方法使用说明
2014/12/10 Javascript
JavaScript实现数字数组按照倒序排列的方法
2015/04/06 Javascript
javascript自执行函数
2017/02/10 Javascript
react-native之ART绘图方法详解
2017/08/08 Javascript
Vue-Router实现组件间跳转的三种方法
2017/11/07 Javascript
JS实现的邮箱提示补全效果示例
2018/01/30 Javascript
JS动态插入脚本和插入引用外部链接脚本的方法
2018/05/21 Javascript
微信小程序使用canvas的画图操作示例
2019/01/18 Javascript
微信小程序实现卡片左右滑动效果的示例代码
2019/05/01 Javascript
使用jQuery实现掷骰子游戏
2019/10/24 jQuery
Python NumPy库安装使用笔记
2015/05/18 Python
Python使用Supervisor来管理进程的方法
2015/05/28 Python
python多维数组切片方法
2018/04/13 Python
Python使用add_subplot与subplot画子图操作示例
2018/06/01 Python
Python3内置模块之json编解码方法小结【推荐】
2020/12/09 Python
详解tensorflow之过拟合问题实战
2020/11/01 Python
Pycharm-community-2020.2.3 社区版安装教程图文详解
2020/12/08 Python
基于CSS3制作立体效果导航菜单
2016/01/12 HTML / CSS
PAUL HEWITT手表美国站:德国北部时尚生活配饰品牌,船锚元素
2017/11/18 全球购物
JD Sports丹麦:英国领先的运动时尚零售商
2020/11/24 全球购物
日本AOKI官方商城:AOKI西装
2020/06/11 全球购物
《记承天寺夜游》教学反思
2014/02/16 职场文书
企业元宵节主持词
2014/03/25 职场文书
专家推荐信模板
2014/05/09 职场文书
2014年幼儿园保育工作总结
2014/12/02 职场文书
员工升职自荐信
2015/03/27 职场文书
农村老人去世追悼词
2015/06/23 职场文书
python关于集合的知识案例详解
2021/05/30 Python
Windows安装Anaconda3的方法及使用过程详解
2021/06/11 Python