遍历json获得数据的几种方法

Json在Web开发的用处非常广泛,作为数据传递的载体,如何解析Json返回的数据是非常常用的。下面介绍下四种解析Json的方式:

Part 1


var list1 = [1,3,4];
alert(list1[1]);
var list2 = [{"name":"leamiko","xing":"lin"}];
alert(list2[0]["xing"])
alert(list2[0].xing)

Part 2

var value = {
	"china":{
		"hangzhou":{"item":"1"},
		"shanghai":{"item":"2"},
		"chengdu":{"item":"3"}
	},
	"America":{
		"aa":{"item":"1"},
		"bb":{"item":"2"}    
	},
	"Spain":{
		"dd":{"item":"1"},
		"ee":{"item":"2"},
		"ff":{"item":"3"}    
	}
};

for(var countryObj in value)
{
	document.write(countryObj + ":<br />")
	//没用的for(var cityObj in value.countryObj)
	for(var cityObj in value[countryObj])
	{
		document.write('&nbsp;&nbsp;&nbsp;&nbsp;' + cityObj + "<br />");
		for(var itemObj in value[countryObj][cityObj])
		{
			document.write("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+ itemObj + value[countryObj][cityObj][itemObj] +"<br />")    
		}
	}    
}


解释:

countryObj 为value对象的一个属性明,value[countryObj] 为value对象的属性值 这里为一个json对象比如b,value[countryObj][cityObj]为josn对象b的属性值 它也是一个json对象,于是 value[countryObj][cityObj]["item"]便可以取到json对象暂时成为c的值,或者 value[countryObj][cityObj].item。

总之分清是json还是array这是很关键的。

Part 3

 

var value2 = {
	"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"}
	]
};
  
for (var countryObj in value2)
{
	document.write(countryObj + ":<br />")    
	for (var cityObj in value2[countryObj])
	{
		//可以用document.write("&nbsp;&nbsp;" + value2[countryObj][cityObj].item + "<br />");
		document.write(cityObj + "&nbsp;&nbsp;" + value2[countryObj][cityObj]["name"] + "<br />" );    
	}
}


解释:

countryObj 为value2对象的属性名,value2[countryObj] 为value2对象属性值 在本例中它是一个数组,cityObj 是数组的一个元素,它又是另外一个json对象,于是,value2[countryObj][cityObj]["name"]就访问到该对象的 name的属性值,也可以通过 value2[countryObj][cityObj].name 来访问该属性值。

Part 4

var value2 = {
	"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"}
	]
};
  
	for (var countryObj in value2)
	{
		document.write(countryObj + ":<br />")    
		//document.write("&nbsp;&nbsp;" + value2[countryObj].length);
		for (var i = 0;i < value2[countryObj].length; i++)
		{
			document.write("&nbsp;&nbsp;" + value2[countryObj][i]["name"] + "<br />");    
		}
	}


解释:

countryObj value2对象的属性名,value2[countryObj] 属性值 本例中是一个数组,value2[countryObj].length 数组的长度,value2[countryObj][i]数组的项 == json对象。

value2[countryObj][i]["name"] 取得name的值,也可以用value2[countryObj][i].name 来取得name的值。

转载于:https://my.oschina.net/u/156249/blog/26268

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值