筆記
- 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個;也可以直接傳入縮進的符號} */ var gather = { id : 1314, name : 'pom', infor : { age : 20, sex : 'man', marry : false, identity : 622421, habit : ['籃球','台球','乒乓球','游戲',true] }, family : ['媽媽','爸爸','弟弟'], likeGames : ['PCgame','Netgame'] }; var jsonText = JSON.stringify(gather,null,4); //第二個參數是數組,只會序列化返回數組里列出的名稱 var jsonText1 = JSON.stringify(gather,['id','family'],'='); var jsonText2 = JSON.stringify(gather,function(key,val){ switch(key){ case 'id' : return 'id is ' + val; case 'family' : return val.join('@'); case 'infor' : //infor的val 還可以使用JSON.stringify() //return JSON.stringify(val,["age","sex"]); return Object.prototype.toString.call(val).slice(8, -1); case 'likeGames' : //通過返回undefined刪除該屬性 return undefined; //一定要default,以便傳入的其他值能正常的返回到序列化結果中。 default : return val; } },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串的函數} */ var products = { name : "leading", "time" : new Date(2012,03,1), toJSON : function(){ //只返回name return this.name; } } var proStr = JSON.stringify(products); console.log(proStr); //obj中的relaeseDate對象序列化之后成了有效的json串 var obj = { title : '對象的標題', type : 'primitive' , releaseDate : new Date(2012,03,1) }; //轉化為json串 var o = JSON.stringify(obj); console.log(o); //在parsedO中還原為一個Date對象(會基於相應的值創建一個新的Date對象,結果parsedO.releaseDate屬性中保存了一個Date對象) var parsedO = JSON.parse(o,function(k,v){ if(k == 'releaseDate'){ return new Date(v); }else{ return v; } }); console.log(parsedO); //可以調用getFullYear() console.log(parsedO.releaseDate.getFullYear()); //2012
執行原理:
/*
* toJSON() 作為JSON.stringify中第二個參數(函數過濾器)補充,理解內部順序很重要。
* 假設把一個對象傳入JSON.stringify() 序列化對象的順序如下:
*
* (1) 如果存在toJSON()方法而且能通過它取得有效的值,則調用該方法。否則,按默認順序執行序列化
* (2) 如果提供了第二個參數,應用這個函數過濾器,傳入的函數過濾器的值是第(1)步返回的值。
* (3) 對第(2)步 返回的每個值進行相應的序列化。
* (4) 如果提供了第三個參數,執行相應的格式化操作。
*/
自己寫的筆記,也不知道邏輯正確與否...語言表達能力,溝通能力逐漸退化。
所以筆記還得經常寫。
mark :《高程三》 20章 閱讀記錄。