用循环或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开发包大全整理
Dec 22 Javascript
jquery-easyui关闭tab自动切换到前一个tab
Jul 29 Javascript
JavaScript实现SHA-1加密算法的方法
Mar 11 Javascript
JS自动倒计时30秒后按钮才可用(两种场景)
Aug 31 Javascript
JS作用域深度解析
Dec 29 Javascript
js选项卡的制作方法
Jan 23 Javascript
vue开发调试神器vue-devtools使用详解
Jul 13 Javascript
JS中获取 DOM 元素的绝对位置实例详解
Apr 23 Javascript
Vue项目实现换肤功能的一种方案分析
Aug 28 Javascript
layui table动态表头 改变表格头部 重新加载表格的方法
Sep 21 Javascript
vue-resource post数据时碰到Django csrf问题的解决
Mar 13 Javascript
深入浅析React中diff算法
May 19 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中常用的预定义变量小结
2012/05/09 PHP
php采集自中央气象台范围覆盖全国的天气预报代码实例
2015/01/04 PHP
php绘制一条弧线的方法
2015/01/24 PHP
php实现多维数组中每个单元值(数字)翻倍的方法
2015/02/16 PHP
PHP检查网站是否宕机的方法示例
2017/07/24 PHP
laravel框架与其他框架的详细对比
2019/10/23 PHP
JavaScript 版本自动生成文章摘要
2008/07/23 Javascript
jQuery EasyUI API 中文文档 - TimeSpinner时间微调器
2011/10/23 Javascript
JQuery实现点击div以外的位置隐藏该div窗口
2013/09/13 Javascript
jQuery extend 的简单实例
2013/09/18 Javascript
javascript实现的弹出层背景置灰-模拟(easyui dialog)
2013/12/27 Javascript
Nodejs中session的简单使用及通过session实现身份验证的方法
2016/02/04 NodeJs
全面了解javascript中的错误处理机制
2016/07/18 Javascript
谈谈JavaScript的New关键字
2016/08/26 Javascript
详解Node.js:events事件模块
2016/11/24 Javascript
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
2018/04/17 jQuery
解决iview多表头动态更改列元素发生的错误的方法
2018/11/02 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
2019/04/10 Javascript
Vue.js数字输入框组件使用方法详解
2019/10/19 Javascript
[05:06]2017亚洲邀请赛DAC回顾片
2017/04/19 DOTA
Python实现的简单文件传输服务器和客户端
2015/04/08 Python
用Eclipse写python程序
2018/02/10 Python
Python 异常处理Ⅳ过程图解
2019/10/18 Python
python基于event实现线程间通信控制
2020/01/13 Python
Python3交互式shell ipython3安装及使用详解
2020/07/11 Python
Html5让容器充满屏幕高度或自适应剩余高度的布局实现
2020/05/14 HTML / CSS
联想哥伦比亚网上商城:Lenovo Colombia
2017/01/10 全球购物
The Kooples美国官方网站:为情侣提供的法国当代时尚品牌
2019/01/03 全球购物
.net软件工程师面试题
2015/03/31 面试题
会员活动策划方案
2014/08/19 职场文书
建筑工地文明标语
2014/10/09 职场文书
2015年城管个人工作总结
2015/05/15 职场文书
农贸批发市场管理制度
2015/08/07 职场文书
浅谈Python类的单继承相关知识
2021/05/12 Python
Redis实现一个账号只能登录一个设备
2022/04/19 Redis
JS实现页面炫酷的时钟特效示例
2022/08/14 Javascript