json是什么

231 阅读1分钟

json是什么

json简介

JSON(JavaScript Object Notation)

和我们在java中使用实体对象来存储一个实体数据一样,在javaScript中,我们也需要这样一种对象,来存储一个实体数据。而且,此种对象将来也可以作为前端与服务器端进行数据交互的载体,javaScript中的这种对象就是json。

1.是一种轻量级的数据交换格式。
2.易于人阅读和编写,同时也易于机器解析和生成。
3.JSON采用完全独立于语言的文本格式。

上面这些特性使得JSON成为理想的数据交换语言。

json数据格式语法

json对象形式

用{}括起来,对象中包含若干属性,属性以 “键值对”(key:value) 的形式书写。

样例代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			let user={
				name: 'Keafmd',
				sex : '男',
				age : 18,  //永远18
				height:187
				
			}
			console.log(user);
			console.log("user.name:"+user.name);
			console.log("user.sex:"+user.sex);
			console.log("user.age:"+user.age);
			console.log("user.height:"+user.height);
		</script>
	</body>
</html>

效果截图:
在这里插入图片描述

json数组形式

用[]括起来所有的json对象。

样例代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			let users=[
			{
				name: 'Keafmd',
				sex : '男',
				age : 18,  //永远18
				height:187
				
			},
			{
				name: '牛哄哄的柯南',
				sex : '男',
				age : 19,  
				height:188
				
			},
			{
				name: '牛哄哄的小兰',
				sex : '女',
				age : 18,  
				height:173
				
			},]
			
			//获取json数组中某一个json对象
			console.log("输出数组中的第一个json对象:")
			let user = users[0];
			console.log(user.name);
			console.log(user.sex);
			console.log(user.age);
			console.log(user.height);
			
			//遍历json数组
			console.log("遍历输出数组中的所有json对象:")
			for(let i=0;i<users.length;i++){
			    console.log(users[i].name,users[i].sex,users[i].age,users[i].height);
			}
		</script>
	</body>
</html>

效果截图:
在这里插入图片描述
写作不易,读完如果对你有帮助,感谢点赞支持!
如果你是电脑端,看见右下角的“一键三连”了吗,没错点它[哈哈]

在这里插入图片描述

加油!

共同努力!

Keafmd