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 Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
Mar 18 Javascript
Jquery之Ajax运用 学习运用篇
Sep 26 Javascript
当自定义数据属性为json格式字符串时jQuery的data api问题探讨
Feb 18 Javascript
jquery 判断滚动条到达了底部和顶端的方法
Apr 02 Javascript
JS设置下拉列表框当前所选值的方法
Dec 22 Javascript
JavaScript中的await/async的作用和用法
Oct 31 Javascript
JS操作xml对象转换为Json对象示例
Mar 25 Javascript
JavaScript实现的数字与字符串转换功能示例
Aug 23 Javascript
8 个有用的JS技巧(推荐)
Jul 03 Javascript
layui的select联动实现代码
Sep 28 Javascript
vue样式穿透 ::v-deep的具体使用
Jun 04 Javascript
React中使用Vditor自定义图片详解
Dec 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
php简单操作mysql数据库的类
2015/04/16 PHP
详解PHP归并排序的实现
2016/10/18 PHP
JScript中的&quot;this&quot;关键字使用方式补充材料
2007/03/08 Javascript
非常漂亮的JS代码经典广告
2007/10/21 Javascript
ToolTips JQEURY插件之简洁小提示框效果
2011/11/19 Javascript
NodeJS学习笔记之FS文件模块
2015/01/13 NodeJs
Node.js的MongoDB驱动Mongoose基本使用教程
2016/03/01 Javascript
Atitit.js的键盘按键事件捆绑and事件调度
2016/04/01 Javascript
JS动态改变浏览器标题的方法
2016/04/06 Javascript
JavaScript中定义对象原型的两种使用方法
2016/12/15 Javascript
jQuery轻松实现无缝轮播效果
2017/03/22 jQuery
web前端页面生成exe可执行文件的方法
2018/02/08 Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
2018/09/18 Javascript
微信小程序云开发如何使用npm安装依赖
2019/05/18 Javascript
javascript实现的字符串转换成数组操作示例
2019/06/13 Javascript
[01:45]IMBATV TI4前线报道-选手到达
2014/07/07 DOTA
python实现人人网登录示例分享
2014/01/19 Python
Python实现扫描局域网活动ip(扫描在线电脑)
2015/04/28 Python
python 循环遍历字典元素的简单方法
2016/09/11 Python
TensorFlow2.1.0安装过程中setuptools、wrapt等相关错误指南
2020/04/08 Python
Keras - GPU ID 和显存占用设定步骤
2020/06/22 Python
sqlalchemy实现时间列自动更新教程
2020/09/02 Python
利用css3如何设置没有上下边的列表间隔线
2017/07/03 HTML / CSS
欧洲有机婴儿食品最大的市场:Organic Baby Food(供美国和加拿大)
2018/03/28 全球购物
JBL澳大利亚官方商店:扬声器、耳机和音响系统
2018/05/24 全球购物
澳大利亚最受欢迎的美发和美容在线商店:Catwalk
2018/12/12 全球购物
介绍一下Java中的static关键字
2012/05/12 面试题
怎样写好自我鉴定
2013/12/04 职场文书
新课培训心得体会
2014/09/03 职场文书
精神文明建设汇报材料
2014/12/24 职场文书
开除员工通知
2015/04/22 职场文书
2015年教研组工作总结
2015/05/04 职场文书
2015年法务工作总结范文
2015/05/23 职场文书
2015年暑期实践报告范文
2015/07/13 职场文书
六一儿童节园长致辞
2015/07/31 职场文书
python开发人人对战的五子棋小游戏
2022/05/02 Python