JavaScript中json小结

自己总结json的使用：

var json = { "100_3322.JPG": { "name": "小张", "height": 175 },
                "100_3396.JPG": { "name": "小王", "height": 165 },
                "100_3444.JPG": { "name": "貂蝉", "height": 185 }, "100_3543.JPG": { "name": "西施", "height": 190 }
            };

key获取的是100——3322.JPG 等 

key.name 获取的是 小张等

key.height获取的是 175等

====================================================================================

 var json = [{ "name": "baidu", "href": "http://www.baidu.com" }, { "name": "cnbeta", "href": "http://www.cnbeta.com" }, { "name": "cnblogs", "href": "http://www.cnblogs.com"}];

可以在遍历的时候使用

json[i].href 获取每个链接值

json[i].name 获取每个链接名称

====================================================================================

 var json = { "河北省": ["石家庄", "邯郸", "保定"],
               "河南省": ["郑州", "洛阳", "安阳"],
               "山东省": ["济南", "青岛", "德州"]
        }

key 获取 河北省 等

json[key] 获取 河北省 下面的数组内容 ["石家庄", "邯郸", "保定"]

下面为转载：

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的值。