小谈一下JavaScript中的JSON

一、JSON的语法可以表示以下三种类型的值：

1、简单值：字符串，数值，布尔值，null

比如：5，"你好"，false，null

JSON中字符串必须用双引号，而JS中则没有强制规定。

2、对象

比如：

{
    "name":"蔡斌",
    "age":21,
    "isRich":false,
    "school":{
              "name":"广东工业大学",
              "location":"广州市大学城"
      }
}

需要注意的是，属性值必须要加双引号。

3、数组

比如：

[23,"i",false];

或

[
    {
        "name":"蔡斌"
    },
    {
        "name":"张三"
    }
]

 

二、序列化与解析

1、将JS对象序列化成JSON对象  JSON.stringify()：

比如：

var person = {
    name:"蔡斌",
    age:21,
    school:“广东工业大学”
}

var personJson = JSON.stringify(person);

结果如下：

{"name":"蔡斌","age":21,"school":"广东工业大学"}
//typeof personJson;
//String

注意：序列化JS对象时，所有函数（除了等下要说到的toJSON()方法以外），原型成员都会被忽略，所有值为undefined的属性也会被忽略。

例如：

var person = {
    name:"蔡斌",
    age:21,
    school:“广东工业大学”.
    phone:undefined,
    sayHi:function(){
        alert("hi, i am caibin");
    }
}

console.log(JSON.stringify(person));

结果如下

{"name":"蔡斌","age":21,"school":"广东工业大学"}

 

序列化函数的参数，可以有另外两个可选的参数，这其中，第一个参数是过滤器，可以是一个数组，表示需要留下的属性，也可以是一个函数；第二个参数是一个选项，表示是否在JSON字符串中保留缩进，这个选项可以是数字，比如：3，也可以是字符串，但是数字最大只能为10，（超过10当做10），字符串长度最多为10（超过10当做10）。

比如：

 

当第一个参数是数组时，返回要保留的属性：

var caibinsname = JSON.stringify(person,["name"]);

结果：

{"name":"蔡斌"}

 

当第一个参数是一个函数时，它有两个参数key,value，分别对应JS对象的属性名和属性值

var caibin = JSON.stringify(person,function(key,value){
    switch(key){
        case "name":
            return "caibin";
        case "age":
            return value + 1;
        case "school":
            return value;
        default:
            return value;
    }
});

结果如下：

{"name":"caibin","age":22,"school":"广东工业大学"}

名字被改成了英文的，然后年龄也增加了1

 

接下来是可选参数的第二个参数

当第二个参数是数字时：

var caibinsname = JSON.stringify(person,["name","age"],4);

结果：其中每个属性前面缩进了4个空格

{
    "name": "蔡斌",
    "age": 21
} 

再如：

var caibinsname = JSON.stringify(person,["name","age"],"**");

结果如下：

{
**"name": "蔡斌",
**"age": 21
}

 

第一个参数不用时，需要将其设置为null:

var caibinsname = JSON.stringify(person,null,4);

 

toJSON()方法：

当JSON.stringify()方法不能满足对某些对象的序列化要求时，可以给对象增加一个自定义的方法。

原生的Date对象有一个toJSON方法，可以将其转换成IS0 8601日期字符串（这和在Date对象上调用.toISOString()方法返回的结果一致）

比如：

var newDate = new Date();
JSON.stringify(newDate);

结果如下：

"2014-07-29T16:11:27.340Z"

 

我们可以为任何对象添加toJSON方法：

var book = {
    title:"JavaScript权威指南",
    edition:6,
    toJSON:function(){
        return "《"+this.title + " 第六版》"
    }
};
JSON.stringify(book);

结果如下：

"《JavaScript权威指南 第六版》"

 

小结下：

假设把一个对象Object传递给JSON.stringify()，序列化Object的顺序如下：

a、如果存在toJSON()方法，则调用toJSON()方法，否则返回该对象本身。

b、如果可选的参数中，第一个参数是过滤器，则应用这个过滤器，并且将a中的返回值传递给这个过滤器

c、对于b中返回的每个值进行序列化

d、如果可选的参数中，第二个参数存在，那么执行相应的格式化操作。

 

 

2、将JSON字符串解析成JS对象

//personjson ： {"name":"蔡斌","age":21,"school":"广东工业大学"}

 

var caibin = JSON.parse(personjson);

结果如下：

Object {name: "蔡斌", age: 21, school: "广东工业大学"}

typeof caibin;

//object

 

JSON.parse()方法也可以接收另一个参数，该参数是一个函数，将在每个键值对上调用。这个函数通常被称作还原函数。

比如：

var caibin = JSON.parse(personjson,function(key,value){
    if(key == "name"){
        return "caibin";
    }
    return value;
});

结果如下：

Object{name: "caibin", age: 21, school: "广东工业大学"}

原来的"name":”蔡斌“ 已经被还原成 name:"caibin"

 

通常将日期字符串转换成Data对象时，要用到还原函数：

var book = {
    "title":"JavaScript高级程序设计",
    edition:3,
    releaseDate:new Date(2011,11,1)
}
var bookJson = JSON.stringify(book);

var bookcopy = JSON.parse(bookJson,function(key,value){
    if(key == "releaseDate"){
        return new Date(value);
    }
    return value;
});

结果bookcopy的值如下（chrome控制台打印）：

 

Object {title: "JavaScript高级程序设计", edition: 3, releaseDate: Thu Dec 01 2011 00:00:00 GMT+0800 (中国标准时间)}

来自为知笔记(Wiz)