Pivot Code

JSON基础

4 Filed under: JavaScript | by Vidar Liu

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition – December 1999的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。

它可以通过序列化把一个简单对象转换为一个简单的字符串,在网络中进行传输,然后在客户端进行反序列化,得到原始对象.功能上和XML差不多,只是它的体积小,在客户端解析方便,所以被广泛使用

JSON建构于两种结构：

“名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），纪录（record），结构（struct），字典（dictionary），哈希表（hash table），有键列表（keyed list），或者关联数组 （associative array）。

值的有序列表（An ordered list of values）。在大部分语言中，它被理解为数组（array）。

这些都是常见的数据结构。事实上大部分现代计算机语言都以某种形式支持它们。这使得一种数据格式在同样基于这些结构的编程语言之间交换成为可能。

JSON具有以下这些形式：

对象是一个无序的”‘名称/值’对”集合。一个对象以”{“（左括号）开始，”}”（右括号）结束。每个”名称”后跟一个”:”（冒号）；”‘名称 /值’ 对”之间使用”,”（逗号）分隔。

数组是值（value）的有序集合。一个数组以”["（左中括号）开始，"]“（右中括号）结束。值之间使用”,”（逗号）分隔。

值（value）可以是双引号括起来的字符串（string）、数值(number)、true、false、 null、对象（object）或者数组（array）。这些结构可以嵌套。

字符串（string）是由双引号包围的任意数量Unicode字符的集合，使用反斜线转义。一个字符（character）即一个单独的字符串（character string）。

字符串（string）与C或者Java的字符串非常相似。

数值（number）也与C或者Java的数值非常相似。除去未曾使用的八进制与十六进制格式。除去一些编码细节。

空白可以加入到任何符号之间。 以下描述了完整的语言。(以上部分摘自:http://www.json.org/json-zh.html)

JSON举例(javascript中使用json):

先来个最简单的:

1
2
3
4
5

         var user = {"Id":1,"Name":"Hubery","Age":23,"Email":"hubery@163.com"};
         alert(user.Id); //这样访问也没问题alert(user["Id"]);
         alert(user.Name);
         alert(user.Age);
         alert(user.Email);

我们添加Address属性,定义更细的用户信息结构:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

 var user = {
             "Id":1,
             "Name":"Hubery",
             "Age":23,
             "Address":
               {
                   "City":"Beijing","ZipCode":"111111"
               },
             "Email":"hubery@163.com"
           };
 
           alert(user.Id);
           alert(user.Name);
           alert(user.Age);
           alert(user.Address.City);
           alert(user.Address.ZipCode);
           alert(user.Email);

下面我们把Address属性定义成数组,用户有两个Address:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

 var user =  {
             "Id":1,
             "Name":"Hubery",
             "Age":23,
             "Address":
               [
                 {"City":"Beijing","ZipCode":"111111"},
                 {"City":"Langfang","ZipCode":"222222"}
               ],
             "Email":"hubery@163.com"
           };
 
           alert(user.Id);
           alert(user.Name);
           alert(user.Age);
           alert(user.Address[0].City);//还可以这样:alert(user.Address[0]["City"]);
           alert(user.Address[0].ZipCode);
           alert(user.Address[1].City);
           alert(user.Address[1].ZipCode);
           alert(user.Email);

如果我们想要一个用户列表,能行吗?答案是,没问题!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

 var user =  [ {
                 "Id":1,
                 "Name":"Hubery",
                 "Age":23,
                 "Address":
                   [
                     {"City":"Beijing","ZipCode":"111111"},
                     {"City":"Langfang","ZipCode":"222222"}
                   ],
                 "Email":"hubery@163.com"
               },
               {
                 "Id":2,
                 "Name":"Chris",
                 "Age":24,
                 "Address":{"City":"Beijing","ZipCode":"100085"},
                 "Email":"chris@163.com"
               }]
 
           alert("Id: "+user[0].Id+"\r\nName: "+
           user[0].Name+"\r\nAge: "+
           user[0].Age+"\r\nAddress: ("+
           user[0].Address[0].City+","+user[0].Address[0].ZipCode+") ("+user[0].Address[1].City+","+user[0].Address[1].ZipCode+")\r\nEmail: "+
           user[0].Email);
 
           alert("Id: "+user[1].Id+"\r\nName: "+
           user[1].Name+"\r\nAge: "+
           user[1].Age+"\r\nAddress: ("+
           user[1].Address.City+","+user[1].Address.ZipCode+")\r\nEmail: "+
           user[1].Email);

Comments 4

  1. watches on 10 09 06at 5:04 下午

    nice topic

  2. 怎么样 on 10 11 22at 12:56 下午

    长江后浪推前浪前浪您别倒在沙滩上啊

  3. Bob on 10 11 22at 4:18 下午

    Hey, very nice blog post.

  4. free crack adobe on 11 03 21at 12:30 下午

    i like it JSON基础 | i turning-point Code exceedingly lately im your rss reader

Leave a Reply

刘铭森

Vidar Liu