JSON.stringify(),JSON.parse(),toJSON()方法使用-20 chapter

来源：互联网发布：阿玛尼淘宝旗舰店编辑：程序博客网时间：2024/06/04 18:35

笔记

JSON.stringify(), 将value(Object,Array,String,Number...)序列化为JSON字符串
JSON.parse(),　将JSON数据解析为js原生值
toJSON(), 作为JSON.stringify中第二个参数(函数过滤器)补充

支持 IE8+,FF3.5+,safari4+,opera10.5+,chrome

?
/*
 * ===================ECMAscript5 全局对象JSON=====================
 * Json:只是一种轻量级的数据格式。使用js syntax的子集表示对象、数组、字符串、数值、布尔值、和null
 * Note:ECMAScript5 定义了一个原生的JSON对象，
        用来将对象序列化为JSON字符串(JSON.stringify())，
        或者将JSON数据解析为js对象(JSON.parse())。
 * support: IE8+,FF3.5+,safari4+,opera10.5+,chrome
 * IE6,7 :https://github.com/douglascrockford/JSON-js
*/
 
/*
 * JSON.stringify()
 * @specify : serialization(序列化)
 * @method : JSON.stringify(value,filter,indent);
 * @return : JSON字符串
 
 * @param : value {type : String|Object|String|Number|Boolean|null} {explain : 传入的类型可以是列出的這些}
 * @param : filter : {type : []|{}} {explain : 过滤器可以是个数组，也可以是个函数}
 * @param : indent : {type : Number | 特殊符号} {explain : 如果是数字则代表空白符的个数，最多10个;也可以直接传入缩进的符号}
*/
vargather = {
    id : 1314,
    name :'pom',
    infor : {
        age : 20,
        sex :'man',
        marry :false,
        identity : 622421,
        habit : ['篮球','台球','乒乓球','游戏',true]
    },
    family : ['妈妈','爸爸','弟弟'],
    likeGames : ['PCgame','Netgame']
 
};
varjsonText = JSON.stringify(gather,null,4);
 
//第二个参数是数组，只会序列化返回数组里列出的名称
varjsonText1 = JSON.stringify(gather,['id','family'],'=');
 
varjsonText2 = JSON.stringify(gather,function(key,val){
    switch(key){
        case'id' :
            return'id is ' + val;
        case'family' :
            returnval.join('@');
        case'infor' :
            //infor的val 还可以使用JSON.stringify()
            //return JSON.stringify(val,["age","sex"]);
            returnObject.prototype.toString.call(val).slice(8, -1);
        case'likeGames' :
            //通过返回undefined删除该属性
            returnundefined;
        //一定要default,以便传入的其他值能正常的返回到序列化结果中。
        default:
            returnval;
    }
},10);
// console.log(jsonText);
// console.log(jsonText1);
// console.log(jsonText2)
 
/*
 * toJSON()
 * @specify : JSON.stringify()不能满足对某些对象进行自定义序列化的需求，可以通过对象那个上调用toJSON()方法
 * @method : date.toJSON()
 * @return : 返回任何序列化的值。
 *
 * JSON.parse() ,eval() 也可以解析 并返回js对象和数组等。但IE8以下浏览器会有安全隐患。
 * @specify : 将json字符串解析为原生的javascript值。
 * @method : JSON.parse(val,replacer)
 
 * @param : val{type : String} {explain : 需要解析的json字符串}
 * @param : replacer {type : function}
                     {explain : 和JSON.stringify()第二个参数类似，接受2个参数，key,val,不过是用来还原json串的函数}
 
*/
varproducts = {
    name :"leading",
    "time": newDate(2012,03,1),
    toJSON :function(){
        //只返回name
        returnthis.name;
    }
}
varproStr = JSON.stringify(products);
console.log(proStr);
 
//obj中的relaeseDate对象序列化之后成了有效的json串
varobj = {
    title :'对象的标题',
    type :'primitive' ,
    releaseDate :new Date(2012,03,1)
};
//转化为json串
varo = JSON.stringify(obj);
console.log(o);
 
//在parsedO中还原为一个Date对象(会基于相应的值创建一个新的Date对象，结果parsedO.releaseDate属性中保存了一个Date对象)
varparsedO = JSON.parse(o,function(k,v){
    if(k =='releaseDate'){
        returnnew Date(v);
    }else{
        returnv;
    }
});
console.log(parsedO);
//可以调用getFullYear()
console.log(parsedO.releaseDate.getFullYear());//2012

执行原理：

    /*
   * toJSON() 作为JSON.stringify中第二个参数(函数过滤器)补充，理解内部顺序很重要。
   * 假设把一个对象传入JSON.stringify() 序列化对象的顺序如下：
   *
   * (1) 如果存在toJSON()方法而且能通过它取得有效的值，则调用该方法。否则，按默认顺序执行序列化
   * (2) 如果提供了第二个参数，应用这个函数过滤器，传入的函数过滤器的值是第(1)步返回的值。
   * (3) 对第(2)步返回的每个值进行相应的序列化。
   * (4) 如果提供了第三个参数，执行相应的格式化操作。

转载：http://www.cnblogs.com/anychem/archive/2012/04/02/2429785.html

0 0