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 相关文章推荐
FireFox下XML对象转化成字符串的解决方法
Dec 09 Javascript
js弹出层(jQuery插件形式附带reLoad功能)
Apr 12 Javascript
js自动生成对象的属性示例代码
Oct 28 Javascript
jquery等待效果示例
May 01 Javascript
使用Node.js处理前端代码文件的编码问题
Feb 16 Javascript
获取JS中网页各种高宽与位置的方法总结
Jul 27 Javascript
Vue.js组件tab实现选项卡切换
Mar 23 Javascript
Bootstrap弹出框(Popover)被挤压的问题小结
Jul 11 Javascript
使用JS和canvas实现gif动图的停止和播放代码
Sep 01 Javascript
webuploader实现上传图片到服务器功能
Aug 16 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
Sep 23 Javascript
vue中动态select的使用方法示例
Oct 28 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
基于文本的搜索
2006/10/09 PHP
Smarty模板快速入门
2007/01/04 PHP
隐性调用php程序的方法
2009/03/09 PHP
php实现用于删除整个目录的递归函数
2015/03/16 PHP
PHP命名空间namespace用法实例分析
2016/09/27 PHP
详解php中的implements 使用
2017/06/13 PHP
PHP利用Socket获取网站的SSL证书与公钥
2017/06/18 PHP
laravel开发环境homestead搭建过程详解
2020/07/03 PHP
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
2011/04/16 Javascript
js 自制滚动条的小例子
2013/03/16 Javascript
解析prototype,JQuery中跳出each循环的方法
2013/12/12 Javascript
javascript实现根据身份证号读取相关信息
2014/12/17 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
2015/09/24 Javascript
简单对比分析JavaScript中的apply,call与this的使用
2015/12/04 Javascript
JS清除字符串中重复值的实现方法
2016/08/03 Javascript
从对象列表中获取一个对象的方法,依据关键字和值
2017/09/20 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
2019/05/21 Javascript
基于vue-cli3和element实现登陆页面
2019/11/13 Javascript
[01:43]3.19DOTA2发布会 三代刀塔人第三代
2014/03/25 DOTA
python数据结构之图深度优先和广度优先实例详解
2015/07/08 Python
合并百度影音的离线数据( with python 2.3)
2015/08/04 Python
Python爬虫实现网页信息抓取功能示例【URL与正则模块】
2017/05/18 Python
python3解析库pyquery的深入讲解
2018/06/26 Python
详解DeBug Python神级工具PySnooper
2019/07/03 Python
Python字符串格式化输出代码实例
2019/11/22 Python
动态设置django的model field的默认值操作步骤
2020/03/30 Python
使用python-cv2实现Harr+Adaboost人脸识别的示例
2020/10/27 Python
Ubuntu16安装Python3.9的实现步骤
2020/12/15 Python
数据库面试要点基本概念
2013/10/31 面试题
农场厂长岗位职责
2013/12/28 职场文书
应聘英语教师求职信
2014/04/24 职场文书
关于热爱祖国的演讲稿
2014/05/04 职场文书
师德演讲稿范文
2014/05/06 职场文书
中班下学期个人工作总结
2015/02/12 职场文书
2015年财务科工作总结范文
2015/05/13 职场文书
pytorch 如何使用batch训练lstm网络
2021/05/28 Python