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 相关文章推荐
IE中直接运行显示当前网页中的图片 推荐
Aug 31 Javascript
推荐dojo学习笔记
Mar 24 Javascript
基于jQuery的日期选择控件
Oct 27 Javascript
jquery判断至少有一个checkbox被选中的方法
Jun 05 Javascript
深入浅出讲解ES6的解构
Aug 03 Javascript
基于HTML+CSS+JS实现增加删除修改tab导航特效代码
Aug 05 Javascript
轻松掌握JavaScript中介者模式
Aug 26 Javascript
将鼠标焦点定位到文本框最后(代码分享)
Jan 11 Javascript
JavaScript事件方法(实例讲解)
Jun 27 Javascript
webpack打包js文件及部署的实现方法
Dec 18 Javascript
vue2.0 下拉框默认标题设置方法
Aug 22 Javascript
vue组件实践之可搜索下拉框功能
Nov 25 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
SONY ICF-SW55的电路分析
2021/03/02 无线电
PHP类与对象中的private访问控制的疑问
2012/11/01 PHP
PHP FTP操作类代码( 上传、拷贝、移动、删除文件/创建目录)
2014/05/10 PHP
php字符串过滤strip_tags()函数用法实例分析
2019/06/24 PHP
IE8的JavaScript点击事件(onclick)不兼容的解决方法
2013/11/22 Javascript
jquery 操作iframe的几种方法总结
2013/12/13 Javascript
js data日期初始化的5种方法
2013/12/29 Javascript
原生js实现模拟滚动条
2015/06/15 Javascript
javascript DIV实现跟随鼠标移动
2020/03/19 Javascript
jQuery Mobile 触摸事件实例
2016/06/04 Javascript
Bootstrap实现带动画过渡的弹出框
2016/08/09 Javascript
Vue框架之goods组件开发详解
2018/01/25 Javascript
完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题
2018/01/25 Javascript
浅谈React的最大亮点之虚拟DOM
2018/05/29 Javascript
Vue中使用vux配置代码详解
2018/09/16 Javascript
mpvue小程序循环动画开启暂停的实现方法
2019/05/15 Javascript
Python多线程和队列操作实例
2015/06/21 Python
详解Python的Django框架中manage命令的使用与扩展
2016/04/11 Python
Python 遍历列表里面序号和值的方法(三种)
2017/02/17 Python
Python3.5编程实现修改IIS WEB.CONFIG的方法示例
2017/08/18 Python
python Web开发你要理解的WSGI &amp; uwsgi详解
2018/08/01 Python
python实现按行分割文件
2019/07/22 Python
使用 Supervisor 监控 Python3 进程方式
2019/12/05 Python
python基于property()函数定义属性
2020/01/22 Python
详解在Python中使用Torchmoji将文本转换为表情符号
2020/07/27 Python
Canvas实现放大镜效果完整案例分析(附代码)
2020/11/26 HTML / CSS
Melijoe时尚童装德国官网:Melijoe德国
2016/09/03 全球购物
超市采购员岗位职责
2014/02/01 职场文书
大学生未来职业生涯规划书
2014/02/15 职场文书
《锄禾》教学反思
2014/04/08 职场文书
如何撰写一封出色的求职信
2014/04/27 职场文书
不尊敬老师检讨书范文
2014/11/19 职场文书
2014学生会工作总结报告
2014/12/02 职场文书
商场广播稿范文
2015/08/19 职场文书
大学生心理健康教育心得体会
2016/01/12 职场文书
导游词之沈阳植物园
2019/11/30 职场文书