纯js解析json（最简单到最复杂）

最新推荐文章于 2023-10-31 09:34:15 发布

做个好码龙

最新推荐文章于 2023-10-31 09:34:15 发布

阅读量1.1k

点赞数

分类专栏： js css html 文章标签： js 解析 json

本文链接：https://blog.csdn.net/firkeuuuu/article/details/84444526

版权

js css html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一点要注意点。

JSON字符串: var str1 = '{ "name": "cxh", "sex": "man" }';
JSON对象:var str2 = { "name": "cxh", "sex": "man" };

如果是字符串要转换，使用var obj = eval('(' + str + ')');

别的没什么直接上代码，如下。

<script type="text/javascript" language=JavaScript charset="UTF-8">
//-------------------------------------------第一种
    var cityName =
					   {
					      "北京":"beijing.html",
						  "海南":"hainan.html",
						  "河北":"hebei.html",
						  "湖北":"hubei.html",
						  "江苏":"jiangsu.html",
						  "宁夏":"ningxia.html",
						  "甘肃":"gansu.html",
						  "山东":"shandong.html",
						  "上海":"shanghai.html",
						  "name":"xj"
					   };
	// alert("cityName.name="+cityName.name);
	//  alert("cityName.江苏="+cityName.江苏);
	// alert("cityName[name]="+cityName['江苏']);
//-------------------------------------------第二种


	var  jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000},{"xlid":"zd","xldigitid":123456,"topscore":1500}]; 
	alert(jsonranklist[1].xlid);

//-------------------------------------------第三种	
	var jsonM = {"name":"许欢",
				"age":"24",
				"school":[{"xlid":"小学","xldigitid":123456,"topscore":2000},
						  {"xlid":"cxh","xldigitid":123456,"topscore":2000},
						  {"xlid":"cxh","xldigitid":123456,"topscore":2000}
						 ]
			   };
	alert(jsonM.name+"        "+jsonM.school[0].xlid);//许欢        小学
//-------------------------------------------第四种	
	var jsonMX = {"name":"许欢",
     			  "age":"24",
				  "school":[{"xlid":"小学","xx":[{"a":"x1"},{"a":"x2"}],"topscore":2000},
						    {"xlid":"cxh","xx":[{"a":"x1"},{"a":"x2"}],"topscore":2000},
						    {"xlid":"cxh","xx":[{"a":"x1"},{"a":"x2"}],"topscore":2000}
						   ]
    			 };
alert(jsonMX.name+"        "+jsonMX.school[0].xlid+"     "+jsonMX.school[0].xx[1].a);//许欢        小学     x2
</script>