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 相关文章推荐
Jquery获取元素的父容器对象示例代码
Feb 10 Javascript
详解参数传递四种形式
Jul 21 Javascript
JavaScript实现网页加载进度条代码超简单
Sep 21 Javascript
基于Jquery和html5实现炫酷的3D焦点图动画
Mar 02 Javascript
angularJs关于指令的一些冷门属性详解
Oct 24 Javascript
ES6学习之变量的两种命名方法示例
Jul 18 Javascript
从零开始搭建一个react项目开发
Feb 09 Javascript
vue 使用vue-i18n做全局中英文切换的方法
Oct 29 Javascript
微信小程序非跳转式组件授权登录的方法示例
May 22 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
Jun 24 Javascript
js与jquery获取input输入框中的值实例讲解
Feb 27 jQuery
简单了解Vue computed属性及watch区别
Jul 10 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
Windows2003 下 MySQL 数据库每天自动备份
2006/12/21 PHP
PHP命名空间namespace的定义方法详解
2017/03/29 PHP
用javascript操作xml
2006/11/04 Javascript
用Javascript实现锚点(Anchor)间平滑跳转
2009/09/08 Javascript
Javascript结合css实现网页换肤功能
2009/11/02 Javascript
jquery 缓存问题的几个解决方法
2013/11/11 Javascript
JS实现div居中示例
2014/04/17 Javascript
js的toLowerCase方法用法实例
2015/01/27 Javascript
Node.js中的缓冲与流模块详细介绍
2015/02/11 Javascript
Angular学习笔记之angular的$filter服务浅析
2016/11/12 Javascript
干货!教大家如何选择Vue和React
2017/03/13 Javascript
微信小程序 图片宽度自适应的实现
2017/04/06 Javascript
微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
2017/12/12 Javascript
关于vue中的ajax请求和axios包问题
2018/04/19 Javascript
vue加载完成后的回调函数方法
2018/09/07 Javascript
vue与django集成打包的实现方法
2019/11/11 Javascript
JavaScript中的this原理及6种常见使用场景详解
2020/02/14 Javascript
原生JavaScript实现弹幕组件的示例代码
2020/10/12 Javascript
Python中bisect的用法
2014/09/23 Python
Python利用正则表达式实现计算器算法思路解析
2018/04/25 Python
详解python-图像处理(映射变换)
2019/03/22 Python
python 实现方阵的对角线遍历示例
2019/11/29 Python
用pytorch的nn.Module构造简单全链接层实例
2020/01/14 Python
python根据完整路径获得盘名/路径名/文件名/文件扩展名的方法
2020/04/22 Python
Python连接mysql数据库及简单增删改查操作示例代码
2020/08/03 Python
HTML5全屏(Fullscreen)API详细介绍
2015/04/24 HTML / CSS
美国最灵活的移动提供商:Tello
2017/07/18 全球购物
巴西最大的家具及装饰用品店:Mobly
2017/10/11 全球购物
Bealls Florida百货商店:生活服饰、家居装饰和鞋子
2018/02/23 全球购物
LivingSocial英国:英国本地优惠
2019/02/22 全球购物
Kappa英国官方在线商店:服装和运动器材
2020/11/22 全球购物
银行营业厅大堂经理岗位职责
2014/01/06 职场文书
员工离职通知函
2015/04/25 职场文书
2015中秋祝酒词
2015/08/12 职场文书
浅谈mysql增加索引不生效的几种情况
2021/06/23 MySQL
JavaScript与JQuery框架基础入门教程
2021/07/15 Javascript