json初體驗---瞭解什麼是json、json的作用,json的語法格式

今天閒來看了有關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">
  <span style="color:#33ccff;"> </span><span style="color:#3333ff;">//常規的javascript定義對象
   document.write("常規的javascript定義對象-----------");</span>
	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+"</br>");
	document.write(s.name+"</br>");
	document.write(s.sex+"</br>");
	
	<span style="color:#3333ff;">//使用json的方式定義,顯得更加的簡單
	document.write("使用json的方式定義,顯得更加的簡單-----------");</span>
	var b={
	    id:13,
	    name:"zhang",
	    sex:"nan"
	};
	document.write(b.id+"</br>");
	document.write(b.name+"</br>");
	document.write(b.sex+"</br>");
	
	<span style="color:#3333ff;">//使用json的方式定義,含數組
	document.write("使用json的方式定義,含數組-----------");</span>
	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 + "<br/>");
  		document.write( bs[i].name + "<br/>");
  		document.write( bs[i].sex + "<br/>");
	}
	<span style="color:#3333ff;">//使用json的方式定義,對象的屬性中含數組
	document.write("使用json的方式定義,對象的屬性中含數組-----------");</span>
	var p = {
			citys:['廣州','中山','佛山','深圳']
		};	
		for(var i=0;i<p.citys.length;i++){
			document.write(p.citys[i]+"<br/>");
		}
	<span style="color:#3333ff;">//使用json的方式定義,對象的屬性中含數組
	document.write("使用json的方式定義,對象的屬性中含數組,數組對象中又有屬性-----------");</span>
	var p = {
			id:16,
			name:"tai",
			salary:6000,
			citys:[
				{
					id:1,
					name:"廣州"
				},
				{
					id:2,
					name:"長沙"
				}
			]
		};  	
		document.write("編號:" + p.id + "<br/>");	
		document.write("姓名:" + p.name + "<br/>");	
		document.write("薪水:" + p.salary + "<br/>");	
		document.write("去過以下城市:<br/>");
		for(var i=0;i<p.citys.length;i++){
			document.write(p.citys[i].name + "<br/>");	
		}
	<span style="color:#3333ff;">	//使用json的方式定義,對象的屬性中含數組
		document.write("使用json的方式定義,對象的屬性中含有內部函數(函數爲無名函數)-----------");</span>
		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的方式定義,對象的屬性中含有內部函數(函數爲無名函數)-----------


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章