JSON详细学习之JSON in JavaScript

注意：只需要在前台页面中引入相应的javascript即可测试
js代码
<script type="text/javascript" src="http://www.phpchina.com/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   
}  
   和java中类似，我们可以通过点(.)操作符取得对象的属性。
js代码
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);   
}  
 三、使用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");   
} 

Find JSON Path Online

Easily find JSON paths within JSON objects using our intuitive Json Path Finder

30

查看详情