ES5-JSON格式

[hubvue]

ES5提供了一个全局的JSON对象，用来序列化(JSON.strigify)和反序列化(JSON.parse)对象为JSON对象。

对于老式的浏览器，可以使用json2.js，可以让旧的浏览器实现同样的功能。

JSON.parse

接受文本并转换成一个ECMAScript的值 可选的reviver参数是带有key和value两个参数的函数，用于是对文本的所转的值做一次过滤。

//不带第二个参数
var result = JSON.parse('{"a" : 1, "b" :2}');
console.log(result);      {a : 1,b : 2} 
//带第二个参数
 var result = JSON.parse('{"a":"1","b" : 2}',function(key,value){
    if(typeof value == "string"){
        return parseInt(value);
    }else {
        return value;
    }
});
console.log(result);

JSON.stringify

将传入的对象进行序列化，第二个参数提供一个可选的函数，参数为key和value对传入对象进行过滤。

当value值为undefined的时候，该对应属性不会被序列化。

第三个为space参数，表示被序列化，每个属性的格式化前的空格数。

//一个参数
var obj = {
    name : "wang",
    age : 21,
}
var result = JSON.stringify(obj);
console.log(result);
//二个参数
var obj = {
    name : "wang",
    age : 21,
}
var result = JSON.stringify(obj,function(key,value){
    if(key == "age"&& value >20){
        return value =18;
    } else {
        return value;
    }
})
console.log(result);
//三个参数
var  obj = {
    name : "zhou",
    age : 21,
}
var result = JSON.stringify(obj,function(key,value){
    if(key == "age" && value > 20){
        return value = 18;
    }else {
         return value;
    }
},4);
console.log(result);