收集json解析的四种方法

如何解析Json返回的数据
服务器君一共花费了475.484 ms进行了5次数据库查询,努力地为您提供了这个页面。
试试阅读模式?希望听取您的建议

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('    ' + cityObj + "<br />");
		for(var itemObj in value[countryObj][cityObj])
		{
			document.write("      "+ 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("  " + value2[countryObj][cityObj].item + "<br />");
		document.write(cityObj + "  " + 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("  " + value2[countryObj].length);
		for (var i = 0;i < value2[countryObj].length; i++)
		{
			document.write("  " + 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的值。

本文地址:http://www.nowamagic.net/librarys/veda/detail/1353,欢迎访问原出处。

不打个分吗?

转载随意,但请带上本文地址:

http://www.nowamagic.net/librarys/veda/detail/1353

如果你认为这篇文章值得更多人阅读,欢迎使用下面的分享功能。
小提示:您可以按快捷键 Ctrl + D,或点此 加入收藏

大家都在看

阅读一百本计算机著作吧,少年

很多人觉得自己技术进步很慢,学习效率低,我觉得一个重要原因是看的书少了。多少是多呢?起码得看3、4、5、6米吧。给个具体的数量,那就100本书吧。很多人知识结构不好而且不系统,因为在特定领域有一个足够量的知识量+足够良好的知识结构,系统化以后就足以应对大量未曾遇到过的问题。

奉劝自学者:构建特定领域的知识结构体系的路径中再也没有比学习该专业的专业课程更好的了。如果我的知识结构体系足以囊括面试官的大部分甚至吞并他的知识结构体系的话,读到他言语中的一个词我们就已经知道他要表达什么,我们可以让他坐“上位”毕竟他是面试官,但是在知识结构体系以及心理上我们就居高临下。

所以,阅读一百本计算机著作吧,少年!

《Head First设计模式(中文版)》 弗里曼 (作者), 等 (作者)

《Head First设计模式》(中文版)共有14章,每章都介绍了几个设计模式,完整地涵盖了四人组版本全部23个设计模式。前言先介绍这本书的用法;第1章到第11章陆续介绍的设计模式为Strategy、Observer、Decorator、Abstract Factory、Factory Method、Singleton,Command、Adapter、Facade、TemplateMethod、Iterator、Composite、State、Proxy。最后三章比较特别。第12章介绍如何将两个以上的设计模式结合起来成为新的设计模式(例如著名的MVC模式),作者称其为复合设计模式(这是作者自创的名称,并非四人组的标准名词)。

更多计算机宝库...