首页 > web前端 > js教程 > 正文

JSON详细学习之JSON in JavaScript

高洛峰
发布: 2016-11-25 11:30:53
原创
997人浏览过

注意:只需要在前台页面中引入相应的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");   

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号