用循环或if语句从json中取数据示例

 更新时间:2014年08月18日 17:53:40   投稿:whsnow  
倘若想将id和pid数据依次取出,就只能用循环,若想有选择性的输出时,需要添加if条件

首先,例如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的一点学习所得,记录一下。

(注:对象中多个数据时,直接使用)(注:对象中多个数据时,直接使用)

相关文章

  • 使用 Schema-Utils 对 Webpack Plugin 进行配置项校验的简单用例

    使用 Schema-Utils 对 Webpack Plugin 进行配置项校验的简单用例

    schema-utils 库用于在 loader 和 plugin 实例化时,对传入的参数进行校验,本文重点给大家介绍使用 Schema-Utils 对 Webpack Plugin 进行配置项校验的用例详解,感兴趣的朋友一起看看吧
    2022-03-03
  • 获取鼠标在div中的相对位置的实现代码

    获取鼠标在div中的相对位置的实现代码

    如何获取鼠标在div中的相对位置,其实是很简单,下有个不错的示例,感兴趣的朋友可以参考下
    2013-12-12
  • JavaScript使用简单正则表达式的数据验证功能示例

    JavaScript使用简单正则表达式的数据验证功能示例

    这篇文章主要介绍了JavaScript使用简单正则表达式的数据验证功能,结合实例形式分析了JS针对表单输入内容的简单正则验证操作技巧,需要的朋友可以参考下
    2017-01-01
  • JS区分Object与Aarry的六种方法总结

    JS区分Object与Aarry的六种方法总结

    下面小编就为大家带来一篇JS区分Object与Aarry的六种方法总结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • Postman自动化接口测试实战

    Postman自动化接口测试实战

    有时我们可能需要在多个环境下对同一个接口进行测试。比如我们请求的域名,开发、测试、生产环境,请求参数。文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • js中常用的Tab切换效果(推荐)

    js中常用的Tab切换效果(推荐)

    下面小编就为大家带来一篇js中常用的Tab切换效果(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦
    2016-08-08
  • JavaScript中数组对象的那些自带方法介绍

    JavaScript中数组对象的那些自带方法介绍

    数组对象自带方法想必大家都有所耳闻,今天主要为大家介绍下JavaScript中数组对象的那些自带方法,感兴趣的你可以参考下哈,希望可以帮助你学习javascript
    2013-03-03
  • js数组去重的常用方法总结

    js数组去重的常用方法总结

    本篇文章主要是对js数组去重的三种常用方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • 微信小程序框架的页面布局代码

    微信小程序框架的页面布局代码

    这篇文章主要介绍了微信小程序框架的页面布局代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-08-08
  • javascript获取本机操作系统类型的方法

    javascript获取本机操作系统类型的方法

    关于我们使用电脑的操作系统,我们通过鼠标点击就能获取,如果我们想用脚本怎么实现javascript获取本机操作系统类型的方法呢,下面给大家分享javascript获取本机操作系统类型的方法,需要的朋友可以参考下
    2015-08-08

最新评论