您的位置:首页 > Web前端 > JavaScript

JSON的基本知识 推荐

2012-06-12 14:48 267 查看
JSON的全称是JavaScript Object Notation,即JavaScript对象符号,它是一种轻量级的数据交换格式。JSON的数据格式既适合人来读/写,也适合计算机本身解析和生成。最早的时候,JSON是JavaScript语言的数据交换格式,后来慢慢发展成一种语言无关的数据交换格式,这一点非常类似于XML。
JSON主要在类似于C的编程语言中广泛使用,这些语言包括C、C++、C#、Java、JavaScript、Perl、Python等。JSON提供了多种语言之间完成数据交换的能力,因此,JSON也是一种非常理想的数据交换格式。JSON主要有如下两种数据结构:
Ø 由key-value对组成的数据结构,这种数据结构在不同的语言中有不同的实现。例如,在JavaScript中是一个对象,在Java中是一种Map结构,在C语言中,则是一个struct。在其他语言中,可能有record、dictionary、hash table等。
Ø 有序集合。这种数据结构在不同语言中,可能有list、vector、数组和序列等实现。
上面的两种数据结构在不同的语言中都有对应的实现。因此,这种简便的数据表示方式完全可以实现跨语言,因此可以作为程序设计语言中通用的数据交换格式。在JavaScript中主要有两种JSON的语法,一种用于创建对象,另一种用于创建数组。
1.使用JSON语法创建对象
使用JSON语法创建对象是一种更简单的方式,使用JSON语法可避免书写函数,也可避免使用new关键字,而是直接获取一个JavaScript对象。对于早期的JavaScript版本,如果要使用JavaScript创建一个对象,通常情况下可能会这样写:
//定义一个函数,作为构造器
function Person(name, sex)
{
this.name = name;
this.sex = sex;
}
//创建一个Person实例
var p = new Person(‘yeeku’, ‘male’);
//输出Person实例
alert(p.name);

从JavaScript 1.2开始,创建对象有了一种更快捷的语法,语法如下:

var p = { "name": yeeku’,
"sex" : ‘male’};
alert(p);


这种语法就是一种JSON语法。显然,使用JSON语法创建对象更加简捷、方便。图4.35显示了这种语法示意。




在图4.35中,创建对象object时,总以{开始,以}结束,对象的每个属性名和属性值之间以英文冒号(:)隔开,多个属性定义之间以英文逗号(,)隔开。语法格式如下:

object =
{
propertyName1 : propertyValue1 ,
propertyName2 : propertyValue2 ,
...
}


必须注意的是,并不是每个属性定义后面都有英文逗号(,),必须后面还有属性定义时才需要逗号(,)。因此,下面的对象定义是错误的:

person =
{
name : ‘yeeku’,
sex : ‘male’,
}


因为sex属性定义后多出一个英文逗号,最后一个属性定义的后面直接以 } 结束了,不再有英文逗号(,)。
当然,使用JSON语法创建JavaScript对象时,属性值不仅可以是普通字符串,也可以是任何基本数据类型,还可以是函数、数组,甚至是另外一个JSON语法创建的对象。例如:
person =
{
name : 'yeeku',
sex : 'male',
//使用JSON语法为其指定一个属性
son : {
name: 'nono',
grade:1
},
//使用JSON语法为person直接分配一个方法
info : function()
{
document.writeln("姓名:" + this.name + "性别:" + this.sex);
}
}

2.使用JSON语法创建数组

使用JSON语法创建数组也是非常常见的情形,在早期的JavaScript语法里,我们通过如下方式来创建数组。

//创建数组对象
var a = new Array();
//为数组元素赋值
a[0] = 'yeeku';
//为数组元素赋值
a[1] = 'nono';


或者,通过如下方式创建数组:

//创建数组对象时直接赋值
var a = new Array('yeeku', 'nono');


但如果我们使用JSON语法,则可以通过如下方式创建数组:

//使用JSON语法创建数组
var a = ['yeeku', 'nono'];


图4.36是JSON创建数组的语法示意。




正如图4.36中所见到的,JSON创建数组总是以英文方括号([)开始,然后依次放入数组元素,元素与元素之间以英文逗号(,)隔开,最后一个数组元素后面不需要英文逗号,但以英文反方括号(])结束。使用JSON创建数组的语法格式如下:
arr = [value1 , value 2 ...]


与JSON语法创建对象相似的是,数组的最后一个元素后面不能有逗号(,)。

鉴于JSON语法的简单易用,而且作为数据传输载体时,数据传输量更小,因此在Ajax交互中,往往不使用XML作为数据交换格式,而是采用JSON作为数据交换格式。假设需要交换一个对象person,其name属性为yeeku,gender属性为male,age属性为29,使用JSON语法可以简单写成如下形式:

person =
{
name:'yeeku',
gender:'male',
age:29
}


但如果使用XML数据交换格式,则需要采用如下格式:

<person>
<name>yeeku</name>
<gender>male</gender>
<age>29</age>
</person>


对比这两种表示方式,第一种方式明显比第二种方式更加简洁,数据传输量也更小。
当服务器返回一个满足JSON格式的字符串后,我们可以利用json扩展的方法将该字符串转换成一个JavaScript对象。登录http://www.json.org/json2.js站点,下载json2.js文件,该文件提供了一个全局的JSON对象,该对象包含两个方法:stringify和parse,其中前者负责把一个JSON对象转换成JSON格式的字符串,而后者则负责把JSON格式字符串转换成JSON对象。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息