JSON及JSON遍历获得键和值的理解

最新推荐文章于 2022-04-21 15:45:34 发布

winner_xyy

最新推荐文章于 2022-04-21 15:45:34 发布

阅读量2.2k

点赞数 4

分类专栏： JSON 文章标签： JSON

本文链接：https://blog.csdn.net/winner_xyy/article/details/83421627

版权

JSON 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JSON是一种数据交换格式（轻量级），页面向服务器提交ajax请求，服务器返回json格式的数据，返回的数据一般是自己在后台拼接的Json字符串，前台需要把json字符串转为javascript对象（JSON对象），才可以对JSON数据进行解析。

json字符串 VS json对象

var personStr = "{"name":"Tom","sex":"male","age":"22"}";(字符串)

var person = {"name":"Tom","sex":"male","age":"22"};（对象）

区别：一个加了引号一个没有加。json对象直接可以通过 person.name 拿到值Tom。

只是举了一个很简单的例子，事实上，json数据会层层嵌套，需要一层层剥开。

JSON标准格式：https://blog.csdn.net/zy512638348/article/details/78270682?utm_source=blogxgwz1

JSON的遍历：（如何遍历取得键的值？如何遍历取得属性的值？）

也以一个简单的例子为例：

var dataString='{"teachers":[{"name":"黄波","course":"网页高级设计"},
                            {"name":"贺敏","course":"Java程序设计"},
                            {"name":"毛丽娟","course":"JavaScript程序设计"}],
                "students":[{"name":"张三","age":20},
                            {"name":"李四","age":21},
                            {"name":"王五","age":19}]
                }';

var dataObj = JSON.parse(dataString);//将json字符串转为json对象

for in:既可以遍历数组，又可以遍历对象的属性。

for(i in dataObj) 单独输出i是输出键的值，输出data[i]才是键所对应的属性的值。理解了这一点应该就不难了。

	for(i in dataObj){
		alert(i);
		alert(dataObj[i]);
		for(j in dataObj[i]){
			alert(j);
			alert(dataObj[i][j]);
			for(k in dataObj[i][j]){
				alert(k);
				alert(dataObj[i][j][k]);
			}
		}
	}

html完整演示代码

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>

<body>
	<script type="text/javascript">

		var dataString='{"teachers":[{"name":"黄波","course":"网页高级设计"},
                            {"name":"贺敏","course":"Java程序设计"},
                            {"name":"毛丽娟","course":"JavaScript程序设计"}],
                "students":[{"name":"张三","age":20},
                            {"name":"李四","age":21},
                            {"name":"王五","age":19}]
                }'; 
	var dataObj = JSON.parse(dataString);//将json字符串转为json对象
	for(i in dataObj){
		alert(i);//属性名字（teachers,students）
		alert(dataObj[i]);//属性值，在这里是一个对象数组[object Object],[object Object],[object Object]
		for(j in dataObj[i]){
			alert(j);//数字0，1，2
			alert(dataObj[i][j]);//一个对象[object Object]（嵌套的json对象）
			for(k in dataObj[i][j]){
				alert(k);//属性名字(name course age)
				alert(dataObj[i][j][k]);//属性值
			}
		}
	}
	

</script>
</body>
</html>

将上述js代码整合到html页面会从弹出框清楚看到解析的过程

winner_xyy

关注

4
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
JSON及JSON遍历获得键和值的理解

JSON是一种数据交换格式（轻量级），页面向服务器提交ajax请求，服务器返回json格式的数据，返回的数据一般是自己在后台拼接的Json字符串，前台需要把json字符串转为javascript对象（JSON对象），才可以对JSON数据进行解析。json字符串 VS json对象 var personStr = "{"name":"Tom","sex":"male","age":"
复制链接

扫一扫

专栏目录