.JavaScript 访问 JSON

JSON的结构基于下面两点

• 1. "名称/值"对的集合 不同语言中，它被理解为对象(object)，记录(record)，结构(struct)，字典(dictionary)，哈希表(hash table)，键列表(keyed list)等
• 2. 值的有序列表 多数语言中被理解为数组(array)

JSON以一种特定的字符串形式来表示 JavaScript 对象。如果将具有这样一种形式的字符串赋给任意一个 JavaScript 变量，那么该变量会变成一个对象引用，而这个对象就是字符串所构建出来的.

 

这里假设我们需要创建一个User对象，并具有以下属性

• 用户ID
• 用户名
• 用户Email

  您可以使用以下JSON形式来表示User对象：

  {"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"};

  然后如果把这一字符串赋予一个JavaScript变量，那么就可以直接使用对象的任一属性了。

  完整代码:

  <script>
  var User = {"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"}; alert(User.Name); </script>

  实际使用时可能更复杂一点，比如我们为Name定义更详细的结构，使它具有FirstName和LastName：

  {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}

  完整代码:

  <script>
  var User = {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}; alert(User.Name.FirstName); </script>

  现在我们增加一个新的需求，我们某个页面需要一个用户列表，而不仅仅是一个单一的用户信息，那么这里就需要创建一个用户列表数组。
  下面代码演示了使用JSON形式定义这个用户列表：

  [ {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}, {"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx◎xxx.com"}, {"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2◎xxx2.com"} ]

  
  完整代码:

  <script> var UserList = [ {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}, {"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx◎xxx.com"}, {"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2◎xxx2.com"} ]; alert(UserList[0].Name.FirstName); </script>

  事实上除了使用"."引用属性外，我们还可以使用下面语句：

  alert(UserList[0]["Name"]["FirstName"]); 或者 alert(UserList[0].Name["FirstName"]);

  
  

  现在读者应该对JSON的使用有点认识了，归纳为以下几点：

• 对象是属性、值对的集合。一个对象的开始于“{”，结束于“}”。每一个属性名和值间用“:”提示，属性间用“,”分隔。
• 数组是有顺序的值的集合。一个数组开始于"["，结束于"]"，值之间用","分隔。
• 值可以是引号里的字符串、数字、true、false、null，也可以是对象或数组。这些结构都能嵌套。
• 字符串和数字的定义和C或Java基本一致。

   

  基本访问 ：

  第一种有主条目的JSON

   

  var data = { root: [{ name: "张三", value: "北京市" },
                              { name: "李四", value: "天津市" },
                              { name: "马五", value: "洛阳" },
                              { name: "王六", value: "西安"}],
                      layer1: [{ name: "zhangsan", value: "北京市" },
                              { name: "lisi", value: "天津市" },
                              { name: "mawu", value: "洛阳" },
                              { name: "wangliu", value: "西安"}]
          };

          alert(data.root.length);
          for (var i = 0; i < data.root.length; i++) {
              alert("name:" + data.root[i].name);
              alert("value:" + data.root[i].value);
          }
          alert(data.layer1.length);
          for (var i = 0; i < data.layer1.length; i++) {
              alert("name:" + data.layer1[i].name);
              alert("value:" + data.layer1[i].value);
          }

   

  第二种 数组里面嵌套对象

          var data2 = [
                          { name: "山东省", citys: { city: ["济南", "青岛"]} },
                          { name: "河北省", citys: { city: ["保定", "石家庄", "衡水"]} },
                          { name: "山西省", citys: { city: ["太原", "大同"]} }
                          ];
          alert(data2.length);
          for (var i = 0; i < data2.length; i++) {
              alert(data2[i].name);
              for (var j = 0; j < data2[i].citys.city.length; j++) {
                  alert(data2[i].citys.city[j]);
              }
          }