源码 | 书库 | 模板 | 特效 | 广告 | 素材 | 工具 | 必备 | ALEXA | 字体
会员投稿 投稿指南 RSS订阅
您当前的位置是:主页>网络编程>Javascript教程>

JSON详细学习之JSON in JavaScript

www.jz123.cn  2009-12-31   来源:   中国建站    责任编辑(袁袁)    我要投递新闻

  注意:只需要在前台页面中引入相应的javascript即可测试

  Js代码

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

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

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

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

//创建一个包含属性的对象,其中名称为字符串,年龄为整型
var JSONObject = {
      "name":"kevin",
      "age":23
}   和java中类似,我们可以通过点(.)操作符取得对象的属性。

  Js代码

var JSONObject = {  
    "name":"kevin",  
    "age":24,  
};  
 
alert("JSONObject.name:"+JSONObject.name);  
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代码

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

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代码

//create a Student Object 
var Student = {  
    "Math":[{  
            "name":"kevin",  
            "mark":70,  
            "age":23  
        },{  
            "name":"smart",  
            "mark":40,  
            "age":25  
        }  
    ],  
    "Science":[{  
            "name":"kevin2",  
            "mark":70,  
            "age":23  
        },{  
            "name":"smart2",  
            "mark":40,  
            "age":25  
        }  
    ]  
}  
 
//print array value 
var i = 0;  
var array = new Array();  
 
for(i=0;i<Student.Math.length;i++){  
    array.push(Student.Math[i].name);  
    array.push(Student.Math[i].mark);  
    array.push(Student.Math[i].age);  
}  
 
for(i=0;i<Student.Science.length;i++){  
    array.push(Student.Science[i].name);  
    array.push(Student.Science[i].mark);  
    array.push(Student.Science[i].age);  
}  
alert("array==>"+array);  
 
//This method produce a JSON text from a JavaScript value. 
//这个方法将一个JavaScript值转换为一个JSON字符串 
alert("array.toJSONString()==>"+array.toJSONString());  
alert("String.parseJSON==>"+array.toJSONString().parseJSON());  
var data2 = array.toJSONString().parseJSON();  
if(data2 instanceof Array){  
    alert("Array");  

上一篇:Javascript之逃走的按钮 下一篇:运用JS将搜索的关键字高亮显示

评论总数:0 [ 查看全部 ] 网友评论


关于我们隐私版权广告服务友情链接联系我们网站地图