JS—JSON

JSON与XML都是结构化数据的表现方式。
回忆一下XML，
1、创建xml 文档对象，用来存放加载xml文档，或解析字符串后的结果。
2、将XML字符串解析，即将xml字符串解析成为XML DOM文档，对文档内容的访问与修改还需要使用DOM方法。
3、将xml DOM文档序列化为xml字符串。
JSON呢？
JSON（JavaScript Object Notation：js对象表示法）利用javascript中的一些模式，来表示结构化的数据。不是一门编程语言，只是一种数据格式。也并不是只有js才使用JSON，很多编程语言都有针对JSON这种数据的格式的解析器和序列化器。

        [
            {
                "title":"a",
                "num":1,
                "height":178
            },
            {
                "title":"b",
                "num":2,
                "height":188
            },
            {
                "title":"c",
                "num":3,
                "height":198
            }
        ]

上面这种表示方法，很眼熟，当我们以对象字面量的表示法创建对象，或者数组的时候就是这样，不同的是，每个键值都被双引号括起来，例如"num":1。且没有分号结尾。

• JSON语法
  JSON语法是js语法的一部分，JSON语法可以表示以下三种类型的值，

• 简单值：可以在json中表示字符串、数值、布尔值和null，但是不能表示undefined。

• 对象：无序的键值对，例如上面展示的数组里的每一个对象。

• 数组：有序的值的列表。
  最常用的json数据格式就是上面粘的那段代码。
  观察，会发现json并没有声明变量的语句，所以通过加载json文件或者解析json格式的字符串生成一个js对象，可以将结果赋给一个变量，然后通过该变量，以js语法的格式访问。对比xml要解析成dom文档，要简单的多。

• 解析以及序列化

• 解析

  • 解析加载的.json文件
    这个需要等到学习ajax时候才可以了解。
  • 解析json格式的字符串
    • 早期的JSON解析器就是使用eval()函数，来解析解释返回javascript对象和数组。但是这个方法不那么安全，可能会执行一些恶意代码。
      var json='[{"title":"a","num":1},{"title":"b","num":2}]';
      alert(typeof json);//string
      var box=eval(json);
      alert(typeof box);//object
    • 全局对象：JSON，该对象有两个方法，分别用来解析以及序列化。
      但是只有IE8+、Firefox3.5+、Safari4+、chrome、Opera10.5+支持。对于较早的版本可以在加载一个外部文件：json.js，来新建一个JSON对象(去网上下载)。
      var json='[{"title":"a","num":1},{"title":"b","num":2}]';
      var box=JSON.parse(json);
      alert(box[0].num);//1
      该方法还接受一个参数，该参数是一个函数，将在每个键值对上调用。
      var json='[{"title":"a","num":1},{"title":"b","num":2}]';
      var box=JSON.parse(json,function(key,value){
      switch (key){
      case "title":
      return "Miss "+value;
      case "num":
      return value;
      default :
      return value
      }
      });
      alert(box[0].title)//Miss a

• 序列化
  var json='[{"title":"a","num":1},{"title":"b","num":2}]';
  var box=JSON.parse(json);
  alert(JSON.stringify(box)); //打印字符串
  事实上，JSON的方法stringfy还有其他的参数，第一个餐宿是一个过滤器，可以是一个数组，也可以是一个我函数，第二个参数是一个选项，表示是否在json字符串中保留缩进。单独或组合使用均可以。

  • 第一个参数
    【如果是数组】JSON.stringify()将只包含数组中列出的选项。
    var json='[{"title":"a","num":1,"height":177},{"title":"b","num":2,"height":188}]';
    var box=JSON.parse(json);
    alert(JSON.stringify(box,['num',"height"]));//[{"num":1,"height":177},{"num":2,"height":188}]
    【如果是函数】函数的第一个参数key表示键值，第二个参数value表示键值对应的属性
    var json='[{"title":"a","num":1,"height":177},{"title":"b","num":2,"height":188}]';
    var box=JSON.parse(json);
    var jsontext=JSON.stringify(box,function(key,value){
    switch(key){
    case "title":
    return "《"+value+"》";
    case "num":
    return 0;
    case "height":
    return value;
    default:
    return value;
    }
    });
    alert(jsontext)

  • 第二个参数用于控制结果中的缩进和空白符。可以是数值，代表缩进的空格数，如果是字符，代表缩进填充的字符
    var json='[{"title":"a","num":1},{"title":"b","num":2}]';
    var box=JSON.parse(json);
    alert(JSON.stringify(box,null,4));
    如果第三个参数需要，但第二个参数不需要，就直接传一个null就可以。

  • toJSON()方法
    可以为任何对象添加这个方法，当把该对象作为参数残递给JSON.stringify()时，会自动调用toJSON这个方法，并将该方法放回的对象进行序列化。
    var json=[
    {
    title:'a',
    num:1,
    height:177,
    toJSON:function(){
    return {title:this.title,num:this.num};
    }
    },
    {
    title:'b',
    num:2,
    height:177,
    toJSON:function(){
    return {title:this.title,num:this.num};
    }
    },
    {
    title:'c',
    num:3,
    height:177,
    toJSON:function(){
    return {title:this.title,num:this.num};
    }
    }
    ];
    var jsontext=JSON.stringify(json);
    alert(jsontext)
    还必须额外了解一下，序列化该对象的顺序。如果存在该方法，那么优先执行该方法，如果还存在过滤器参数，那么在对该方法返回的结果进行过滤。