前端开发中如何解析json数据(三)

数据三:

{

"china":[

{"name":"hangzhou", "item":"1"},

{"name":"shanghai", "item":"2"},

{"name":"sichuan", "item":"3"}

],

"America":[

{"name":"aa", "item":"12"},

{"name":"bb", "item":"2"}

],

"Spain":[

{"name":"cc", "item":"1"},

{"name":"dd", "item":"23"},

{"name":"ee", "item":"3"}

]

};

上述代码也是json数据的一种表现形式,而且该形式也是很常见的,最外层是一个对象,对象中键对应的值是一个数组。数组里面又包含json对象。在网络请求这里,这样的json数据也是很常见的,下面我们就来看一下如何解析这样的json数据。

首先是通过for-in循环遍历json数据value2,countryObj为value2对象的属性名,value2[countryObj]为value2对象属性值在这里它是一个数组,cityObj是数组的一个元素,如:china对应的值:

[

{"name":"hangzhou", "item":"1"},

{"name":"shanghai", "item":"2"},

{"name":"sichuan", "item":"3"}

],

就是一个数组,其中{"name":"hangzhou", "item":"1"},也是一个json数据。于是,value2[countryObj][cityObj]["name"]就访问到该对象的name的属性值,也可以通过value2[countryObj][cityObj].name来访问该属性值。在这里将json解析的数据显示在页面上。

对于这种数据类型,我们还可以采用另外一种方式解析

for (var countryObj in value2)

{

document.write(countryObj + ":
")

//document.write("  " + value2[countryObj].length);

for (var i = 0;i < value2[countryObj].length; i++)

{

document.write("  " + value2[countryObj][i]["name"] + "
");

}

}

显示的结果:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • json教程从入门到使用 一:入门 简介: JSON(JavaScriptObject Notation)、轻量级...
    追逐黄昏的太阳阅读 5,314评论 0 3
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,337评论 19 139
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 5,192评论 0 5
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,739评论 0 8
  • 傍晚,雨过天晴 散步,秋风飒爽 仰望,蓝天白云 蓝天,呈湛蓝状 白云,缓缓前行 我看到,云在动 我猜想,它去哪? ...
    夜子未央阅读 1,696评论 0 1