JSON 学习之JSON in JavaScript详细使用说明


Posted in Javascript onFebruary 23, 2010
<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 
}

和java中类似,我们可以通过点(.)操作符取得对象的属性。
var JSONObject = { 
    "name":"kevin", 
    "age":24, 
}; alert("JSONObject.name:"+JSONObject.name); 
alert("JSONObject.age:"+JSONObject.age);

二、在javascript中使用JSON创建数组对象

创建一个Student对象,里面包含两个数组对象,每个数组对象中,包含Student对象的属性。

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中创建消息
//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"); 
}

//表达式有浏览器兼容问题 
//var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, 
// escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, 
//这个是修正后的 
var cx = new RegExp('/[\\u0000\\u00ad\\u0600-\\u0604\\u070f\\u17b4\\u17b5\\u200c-\\u200f\\u2028-\\u202f\\u2060-\\u206f\\ufeff\\ufff0-\\uffff]/g'), 
escapable = new RegExp('/[\\\\\\"\\x00-\\x1f\\x7f-\\x9f\\u00ad\\u0600-\\u0604\\u070f\\u17b4\\u17b5\\u200c-\\u200f\\u2028-\\u202f\\u2060-\\u206f\\ufeff\\ufff0-\\uffff]/g'),
Javascript 相关文章推荐
动态改变textbox的宽高的js
Oct 26 Javascript
符合W3C网页标准的iframe标签的使用方法
Jul 19 Javascript
jquery获取焦点和失去焦点事件代码
Apr 21 Javascript
js自动下载文件到本地的实现代码
Apr 28 Javascript
js判断当前浏览器类型,判断IE浏览器方法
Jun 02 Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
Aug 02 Javascript
动态JavaScript所造成一些你不知道的危害
Sep 25 Javascript
vue+springboot前后端分离实现单点登录跨域问题解决方法
Jan 30 Javascript
jQuery中DOM操作原则实例分析
Aug 01 jQuery
小程序实现日历左右滑动效果
Oct 21 Javascript
在vue-cli中引入lodash.js并使用详解
Nov 13 Javascript
前端性能优化建议
Sep 17 Javascript
js下用层来实现select的title提示属性
Feb 23 #Javascript
jquery 锁定弹出层实现代码
Feb 23 #Javascript
javascript document.compatMode兼容性
Feb 23 #Javascript
js操作ajax返回的json的注意问题!
Feb 23 #Javascript
javascript入门基础之私有变量
Feb 23 #Javascript
第一个JavaScript入门基础 document.write输出
Feb 22 #Javascript
jQuery入门问答 整理的几个常见的初学者问题
Feb 22 #Javascript
You might like
php格式化日期实例分析
2014/11/12 PHP
PHP中创建图像并绘制文字的例子
2014/11/19 PHP
PHP错误机制知识汇总
2016/03/24 PHP
PHP函数rtrim()使用中的怪异现象分析
2017/02/24 PHP
容易被忽略的JS脚本特性
2011/09/13 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
2013/07/09 Javascript
jquery链式操作的正确使用方法
2014/01/06 Javascript
jQuery中ajax的load()方法用法实例
2014/12/26 Javascript
html的DOM中document对象anchors集合用法实例
2015/01/21 Javascript
JavaScript实现把rgb颜色转换成16进制颜色的方法
2015/06/01 Javascript
JavaScript去除数组里重复值的方法
2015/07/13 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
2015/08/21 Javascript
js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
2015/08/26 Javascript
jquery实现简洁文件上传表单样式
2015/11/02 Javascript
js 将图片连接转换成base64格式的简单实例
2016/08/10 Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
2016/09/04 Javascript
详解vue 组件之间使用eventbus传值
2017/10/25 Javascript
angularjs数组判断是否含有某个元素的实例
2018/02/27 Javascript
解决vue移动端适配问题
2018/12/12 Javascript
详解React服务端渲染从入门到精通
2019/03/28 Javascript
浅谈小程序globalData的那些事儿
2019/11/01 Javascript
Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法
2020/09/04 Javascript
JavaScript实现简单日历效果
2020/09/11 Javascript
python实现登陆知乎获得个人收藏并保存为word文件
2015/03/16 Python
linux下python使用sendmail发送邮件
2018/05/22 Python
pycharm使用技巧之自动调整代码格式总结
2020/11/04 Python
印度最大的时尚购物网站:Myntra
2018/09/13 全球购物
JAVA招聘远程笔试题
2015/07/23 面试题
中文专业毕业生自荐信
2013/10/28 职场文书
招商经理岗位职责
2013/11/16 职场文书
机关节能减排实施方案
2014/03/17 职场文书
企业法人授权委托书
2014/04/03 职场文书
遵纪守法演讲稿
2014/05/23 职场文书
五好家庭事迹材料
2014/12/20 职场文书
农业项目合作意向书
2015/05/08 职场文书
mysql分组后合并显示一个字段的多条数据方式
2022/01/22 MySQL