学步园

Js代码

1. <script type=
   "text/javascript"
    src=
   "scripts/json/json2.js"
   ></script>
     
   
2. <script type=
   "text/javascript"
    src=
   "scripts/json/jsonmessage.js"
   ></script>  

<script type="text/javascript" src="scripts/json/json2.js"></script>
<script type="text/javascript" src="scripts/json/jsonmessage.js"></script>

一、在javascript中使用JSON创建一个对象

Js代码

1. //创建一个空对象
     
   
2. var
    JSONObject = {}
     
3.   
4. //创建一个新的对象
   
     
5. var
    JSONObject = 
   new
    Object()   
6.   
7. //创建一个包含属性的对象，其中名称为字符串，年龄为整型
   
     
8. var
    JSONObject = {
     
9.       
   "name"
   :
   "kevin"
   ,   
10.       
    "age"
    :23
      
11. }  

//创建一个空对象
var JSONObject = {}

//创建一个新的对象
var JSONObject = new Object()

//创建一个包含属性的对象，其中名称为字符串，年龄为整型
var JSONObject = {
      "name":"kevin",
      "age":23
}

   和java中类似，我们可以通过点(.)操作符取得对象的属性。

Js代码

1. var
    JSONObject = {
     
   
2.     
   "name"
   :
   "kevin"
   ,   
3.     
   "age"
   :24,
     
4. };   
5.   
6. alert(
   "JSONObject.name:"
   +JSONObject.name);
     
7. alert(
   "JSONObject.age:"
   +JSONObject.age);  

var JSONObject = {
	"name":"kevin",
	"age":24,
};

alert("JSONObject.name:"+JSONObject.name);
alert("JSONObject.age:"+JSONObject.age);

二、在javascript中使用JSON创建数组对象

创建一个Student对象，里面包含两个数组对象,每个数组对象中，包含Student对象的属性。

Js代码

1. var
    student = {   
   
2.     
   //第一个数组对象Class
   
     
3.     
   "Class"
   :[
     
4.         {   
5.             
   "name"
   :
   "kevin"
   ,   
6.             
   "className"
   :
   "java"
   ,   
7.             
   "age"
   :23
     
8.         },   
9.         {   
10.             
    "name"
    :
    "yang"
    ,   
11.             
    "className"
    :
    "java"
    ,   
12.             
    "age"
    :24
      
13.         }      
14.     ],   
15.     
    //第二个数组对象
    
      
16.     
    "Score"
    :[
      
17.         {   
18.             
    "name"
    :
    "shower"
    ,   
19.             
    "score"
    :100
      
20.         },   
21.         {   
22.             
    "name"
    :
    "zheng"
    ,   
23.             
    "score"
    :100
      
24.         }   
25.     ]   
26. }   
27.   
28. var
     i=0;   
29.   
30. for
    (i=0;i<student.Class.length;i++){
      
31.     alert(
    "student.Class["
    +i+
    "].name===>"
    +student.Class[i].name);
      
32.     alert(
    "student.Class["
    +i+
    "].className===>"
    +student.Class[i].className);
      
33.     alert(
    "student.Class["
    +i+
    "].age===>"
    +student.Class[i].age);
      
34. }   
35.   
36. for
    (i=0;i<student.Score.length;i++){
      
37.     alert(
    "student.Score["
    +i+
    "].name===>"
    +student.Score[i].name);
      
38.     alert(
    "student.Score["
    +i+
    "].score===>"
    +student.Score[i].score);
      
39. }  

var student = {
	//第一个数组对象Class
	"Class":[
		{
			"name":"kevin",
			"className":"java",
			"age":23
		},
		{
			"name":"yang",
			"className":"java",
			"age":24
		}	
	],
	//第二个数组对象
	"Score":[
		{
			"name":"shower",
			"score":100
		},
		{
			"name":"zheng",
			"score":100
		}
	]
}

var i=0;

for(i=0;i<student.Class.length;i++){
	alert("student.Class["+i+"].name===>"+student.Class[i].name);
	alert("student.Class["+i+"].className===>"+student.Class[i].className);
	alert("student.Class["+i+"].age===>"+student.Class[i].age);
}

for(i=0;i<student.Score.length;i++){
	alert("student.Score["+i+"].name===>"+student.Score[i].name);
	alert("student.Score["+i+"].score===>"+student.Score[i].score);
}

 三、使用JSON在javascript中创建消息

Js代码

1. //create a Student Object
   
     
   
2. var
    Student = {
     
3.     
   "Math"
   :[{
     
4.             
   "name"
   :
   "kevin"
   ,   
5.             
   "mark"
   :70,
     
6.             
   "age"
   :23
     
7.         },{   
8.             
   "name"
   :
   "smart"
   ,   
9.             
   "mark"
   :40,
     
10.             
    "age"
    :25
      
11.         }   
12.     ],   
13.     
    "Science"
    :[{
      
14.             
    "name"
    :
    "kevin2"
    ,   
15.             
    "mark"
    :70,
      
16.             
    "age"
    :23
      
17.         },{   
18.             
    "name"
    :
    "smart2"
    ,   
19.             
    "mark"
    :40,
      
20.             
    "age"
    :25
      
21.         }   
22.     ]   
23. }   
24.   
25. //print array value
    
      
26. var
     i = 0;
      
27. var
     array = 
    new
     Array();   
28.   
29. for
    (i=0;i<Student.Math.length;i++){
      
30.     array.push(Student.Math[i].name);   
31.     array.push(Student.Math[i].mark);   
32.     array.push(Student.Math[i].age);   
33. }   
34.   
35. for
    (i=0;i<Student.Science.length;i++){
      
36.     array.push(Student.Science[i].name);   
37.     array.push(Student.Science[i].mark);   
38.     array.push(Student.Science[i].age);   
39. }   
40. alert(
    "array==>"
    +array);
      
41.   
42. //This method produce a JSON text from a JavaScript value.
    
      
43. //这个方法将一个JavaScript值转换为一个JSON字符串
    
      
44. alert(
    "array.toJSONString()==>"
    +array.toJSONString());
      
45. alert(
    "String.parseJSON==>"
    +array.toJSONString().parseJSON());
      
46. var
     data2 = array.toJSONString().parseJSON();
      
47. if
    (data2 
    instanceof
     Array){   
48.     alert(
    "Array"
    );
      
49. }