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>  

<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. }