Maison > interface Web > js tutoriel > le corps du texte

JSON详细学习之JSON in JavaScript

高洛峰
Libérer: 2016-11-25 11:30:53
original
918 Les gens l'ont consulté

注意:只需要在前台页面中引入相应的javascript即可测试
Js代码
   
  
一、在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 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 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 array.push(Student.Math[i].name);
array.push(Student.Math[i].mark);
array.push(Student.Math[i].age);
}

for(i=0;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");   

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal