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 相关文章推荐
Google Map Api和GOOGLE Search Api整合实现代码
Jul 18 Javascript
jQuery 隔行换色 支持键盘上下键,按Enter选定值
Aug 02 Javascript
JavaScript 解析Json字符串的性能比较分析代码
Dec 16 Javascript
jQuery源码解读之addClass()方法分析
Feb 20 Javascript
实用jquery操作表单元素的简单代码
Jul 04 Javascript
Javascript 调用 ActionScript 的简单方法
Sep 22 Javascript
AngularJS动态绑定HTML的方法分析
Nov 07 Javascript
Map.vue基于百度地图组件重构笔记分享
Apr 17 Javascript
View.post() 不靠谱的地方你知道多少
Aug 29 Javascript
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
Vue 事件处理操作实例详解
Mar 05 Javascript
vue+elementUI 实现内容区域高度自适应的示例
Sep 26 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
第4章 数据处理-php正则表达式-郑阿奇(续)
2011/07/04 PHP
php模板函数 正则实现代码
2012/10/15 PHP
php解决和避免form表单重复提交的几种方法
2016/08/31 PHP
PHP创建对象的六种方式实例总结
2019/06/27 PHP
CL vs ForZe BO5 第一场 2.13
2021/03/10 DOTA
js中cookie的使用详细分析
2008/05/28 Javascript
JavaScript 开发工具webstrom使用指南
2014/12/09 Javascript
jQuery中:first-child选择器用法实例
2014/12/31 Javascript
AJAX实现瀑布流触发分页与分页触发瀑布流的方法
2016/05/23 Javascript
原生js实现addclass,removeclass,toggleclasss实例
2016/11/24 Javascript
jquery select2的使用心得(推荐)
2016/12/04 Javascript
Vue开发过程中遇到的疑惑知识点总结
2017/01/20 Javascript
JSON与js对象序列化实例详解
2017/03/16 Javascript
浅谈Webpack核心模块tapable解析
2018/09/11 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
2019/04/24 Javascript
Vue关于组件化开发知识点详解
2020/05/13 Javascript
JS原型对象操作实例分析
2020/06/06 Javascript
利用 JavaScript 实现并发控制的示例代码
2020/12/31 Javascript
python 图片验证码代码分享
2012/07/04 Python
python中的字典详细介绍
2014/09/18 Python
python+selenium实现登录账户后自动点击的示例
2017/12/22 Python
python爬取淘宝商品详情页数据
2018/02/23 Python
python抓取文件夹的所有文件
2018/02/27 Python
Python 点击指定位置验证码破解的实现代码
2019/09/11 Python
keras的load_model实现加载含有参数的自定义模型
2020/06/22 Python
Fossil加拿大官网:化石手表、手袋、首饰及配饰
2019/04/23 全球购物
工程师求职简历的自我评价分享
2013/10/10 职场文书
跟单业务员岗位职责
2014/03/08 职场文书
高三毕业典礼主持词
2014/03/27 职场文书
行政监察建议书
2014/05/19 职场文书
幼儿园师德师风学习材料
2014/05/29 职场文书
标准毕业生自荐信
2014/06/24 职场文书
领导干部学习“三严三实”思想汇报
2014/09/15 职场文书
2015年党小组工作总结
2015/05/26 职场文书
2019初中学生入团申请书
2019/06/27 职场文书
Python编程super应用场景及示例解析
2021/10/05 Python