JSON详细学习之JSON in JavaScript

Js代码 

1. <script type="text/javascript" src="scripts/json/json2.js"></script>  
2. <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. }  

   和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);  

 

二、在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. }  

 三、使用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. }