JSON详细学习之JSON in JavaScript

时间:2022-08-23 08:01:50
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. }