json初体验---了解什么是json、json的作用，json的语法格式

红太狼 2024-02-17 15:18 30阅读 0赞

今天闲来看了有关json的视频，下面是相关的学习笔记：

**1、什么是json？**

json是【Java Script Object Notation标记】简介，简单来说，json就是用【JavaScript语法】写的一个【特殊】的标记【字符串】。

**2、json的作用**

（A）简化用JavaScript定义对象的方式  
（B）也能用在AJAX中，做为数据载体之一

**3、json的语法作用**

（A）一个对象用\{\}表示  
（B）一对属性之间，使用:来分隔，属性结束后，使用,来分隔，最后一个除外  
（C）一个数组，使用\[\]符号

下面是相关定义的html代码，大家认真看应该会有所发现

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">
 <title>Insert title here</title>
 
 </head>
 <body>
 <script type="text/javascript">
 //常规的javascript定义对象
 document.write("常规的javascript定义对象-----------");
 	function Student(id,name,sex){
 		this.id=id;
 		this.name=name;
 		this.sex=sex;
 	};
 	var s=new Student(12,"wang","nan");
 	document.write(s.id+"");
 	document.write(s.name+"");
 	document.write(s.sex+"");
 	
 	//使用json的方式定义,显得更加的简单
 	document.write("使用json的方式定义,显得更加的简单-----------");
 	var b={
 	 id:13,
 	 name:"zhang",
 	 sex:"nan"
 	};
 	document.write(b.id+"");
 	document.write(b.name+"");
 	document.write(b.sex+"");
 	
 	//使用json的方式定义，含数组
 	document.write("使用json的方式定义，含数组-----------");
 	var bs=[
 	 {
 	 	id:14,
 	 	 name:"zhang14",
 	 	 sex:"nan15"
 	 },
 	 {
 	 	id:15,
 	 	 name:"zhang15",
 	 	 sex:"nan15"
 	 }
 	]
 	
 	for(var i=0;i<bs.length;i++){
 		document.write( bs[i].id + " ");
 		document.write( bs[i].name + " ");
 		document.write( bs[i].sex + " ");
 	}
 	//使用json的方式定义，对象的属性中含数组
 	document.write("使用json的方式定义，对象的属性中含数组-----------");
 	var p = {
 			citys:['广州','中山','佛山','深圳']
 		};	
 		for(var i=0;i<p.citys.length;i++){
 			document.write(p.citys[i]+" ");
 		}
 	//使用json的方式定义，对象的属性中含数组
 	document.write("使用json的方式定义，对象的属性中含数组,数组对象中又有属性-----------");
 	var p = {
 			id:16,
 			name:"tai",
 			salary:6000,
 			citys:[
 				{
 					id:1,
 					name:"广州"
 				},
 				{
 					id:2,
 					name:"长沙"
 				}
 			]
 		}; 	
 		document.write("编号：" + p.id + " ");	
 		document.write("姓名：" + p.name + " ");	
 		document.write("薪水：" + p.salary + " ");	
 		document.write("去过以下城市： ");
 		for(var i=0;i<p.citys.length;i++){
 			document.write(p.citys[i].name + " ");	
 		}
 		//使用json的方式定义，对象的属性中含数组
 		document.write("使用json的方式定义，对象的属性中含有内部函数（函数为无名函数）-----------");
 		var ac = {
 				id:17,
 				name:"li",
 				show:function(msg){
 						//内部函数要访问外部函数，
 						//需通过对象.属性的方法访问才行
 						//否则返回空白字符串
 						alert("你的名字是-->" + p.name);
 						alert(msg);
 					 }
 			};	
 		ac.show("test内部函数");
 		
 </script>
 </body>
 </html>

下面是html代码产生的结果：

常规的javascript定义对象-----------12  
wang  
nan  
使用json的方式定义,显得更加的简单-----------13  
zhang  
nan  
使用json的方式定义，含数组-----------14  
zhang14  
nan15  
15  
zhang15  
nan15  
使用json的方式定义，对象的属性中含数组-----------广州  
中山  
佛山  
深圳  
使用json的方式定义，对象的属性中含数组,数组对象中又有属性-----------编号：16  
姓名：tai  
薪水：6000  
去过以下城市：  
广州  
长沙  
使用json的方式定义，对象的属性中含有内部函数（函数为无名函数）-----------