JSON.stringify 文法執行個體講解

標籤：3.2   load   技術   bsp   script   抽象   Google   name   並且   

可能有些人對系列化這個詞過敏，我的理解很簡單。就是說把原來是對象的類型轉換成字串類型（或者更確切的說是json類型的）。就這麼簡單。打個比方說，你有一個類，那麼你可以通過這個方法轉換成相應的json類型的 

認識javascript也不短的時間了，可是這個用法說實在的，我還是第一次見過，慚愧啊慚愧啊。於是乎，在網上找了寫資料，寫了些例子 希望能給園子們一些協助。

作用：這個函數的作用主要是為了系列化對象的。  可能有些人對系列化這個詞過敏，我的理解很簡單。就是說把原來是對象的類型轉換成字串類型（或者更確切的說是json類型的）。就這麼簡單。打個比方說，你有一個類，那麼你可以通過這個方法轉換成相應的json類型的。很簡單吧。  接著看。  文法：  JSON.stringify(value [, replacer] [, space])  value：是必須要的欄位。就是你輸入的對象，比如數組啊，類啊等等。  replacer：這個是可選的。它又分為2種方式，一種是方法，第二種是數組。  情況一：我們先說資料，通過我們後面的實驗可以知道，它是和第一個有關係的。一般來說，我們系列化後的結果是通過索引值對來進行表示的。  比如說：  name:"lan",age:25  這種形式。  所以，如果這種形式的話，如果第二個的值在第一個存在，那麼的話就以第二個的值做key，第一個值為value進行表示，如果不存在，sorry，忽略。【是不是有點抽象，我也這麼覺得，不過你等一下看實驗 就OK了。。呼呼。】  情況二：如果是方法，那很簡單，就是說把系列化後的每一個對象（記住 是每一個）傳進方法裡面進行處理。  space：很好理解，用什麼來做分隔字元的。  1.如果省略的話，那麼顯示出來的值 就沒有分隔字元。直接輸出來  2.如果是一個數位話，那麼它就定義縮排幾個字元，當然 如果大於10 ，則最大值為10.  3.如果是一些逸出字元，比如“\t”，表示斷行符號，那麼它每行一個斷行符號。  4.如果僅僅是字串，OK，就在每行輸出值的時候把這些字串附加上去就OK。當然，最大長度也是10個字元。  開始用執行個體說明；  1.只有一個參數的情況下：

var obj={ webName:"指令碼之家", url:"jb51.net", age:"2"}var str=JSON.stringify(obj)console.log(str);

上面的代碼實現了轉換功能，這裡採用的是JSON.stringify()，這是ECMAScript5新增的方法。 存在一定的瀏覽器安全色性問題，具體如下: （1）.IE8和IE8以上瀏覽器支援此方法。 （2）.Google瀏覽器支援此方法。 （3）.Firefox瀏覽器支援此方法。 （4）.opera瀏覽器支援此方法。 （5）.Safria瀏覽器支援此方法。

或

var student = new Object(); student.name = "Lanny"; student.age = "25"; student.location = "China"; var json = JSON.stringify(student); alert(student); 

結果如下:  有些人可能會懷疑JSON.stringify的作用，OK。那假如，我們不要這個函數。代碼下面的樣子：

var student = new Object(); student.name = "Lanny"; student.age = "25"; student.location = "China"; // var json = JSON.stringify(student); alert(student); 

　恭喜你 得到的結果是： 

沒騙你吧，繼續。 2.第二個參數存在，並且第二個參數還是function的時候 

var students = new Array() ; students[0] = "Lanny"; students[1] = "dong"; students[2] = "I love you"; var json = JSON.stringify(students,switchUpper); function switchUpper(key, value) { return value.toString().toUpperCase(); } alert(json); 　　　　　　　　//var json = JSON.stringify(students, function (key,value) { 　　　　　　　　//return value.toString().toUpperCase(); 　　　　　　　//}); 

上面的方法也可以換成下面的，2個都是一樣，只是寫法有那麼一點點的不一樣而已。  　得到結果如下： 

3.第二個參數存在，並且第二個參數不是function，而是數組的時候。  3.1 【誤區】如果第一個參數是數組，第二個參數也是數組的話，只顯示第一個參數的值。  比如：

var students = new Array() ; students[0] = "Lanny"; students[1] = "dong"; students[2] = "I love you"; var stu = new Array(); stu[0] = "1"; stu[1] = "2"; var json = JSON.stringify(students,stu); alert(json); 

sorry 得到的結果就是：  第二個被忽略了，只是第一個被系列化了。 
3.2 如果第一個是對象（這裡說的對象就像在C#裡面可以進行new的），第二個是數組的。 
那麼如果第二個的value在第一個存在，那麼的話就以第二個的值做key，第一個值為value進行表示

var student = new Object(); student.qq = "5485891512"; student.name = "Lanny"; student.age = 25; var stu = new Array(); stu[0] = "qq"; stu[1] = "age"; stu[2] = "Hi";//這個student對象裡不存在。 var json = JSON.stringify(student,stu); alert(json); 

得到的結果如下：  因為stu[2] = "Hi";這個Hi 在第一個找不到，所以就不進行顯示了。 
4.第三個參數 
4.1.如果省略的話，那麼顯示出來的值 就沒有分隔字元。直接輸出來 
比如：

var student = new Object(); student.qq = "5485891512"; student.name = "Lanny"; student.age = 25; var stu = new Array(); stu[0] = "qq"; stu[1] = "age"; stu[2] = "Hi"; var json = JSON.stringify(student,stu); alert(json); 

　輸出的就是：  4.2.如果是一個數位話，那麼它就定義縮排幾個字元，當然 如果大於10 ，則最大值為10. 

var student = new Object(); student.qq = "5485891512"; student.name = "Lanny"; student.age = 25; var stu = new Array(); stu[0] = "qq"; stu[1] = "age"; stu[2] = "Hi"; var json = JSON.stringify(student,stu,100);//注意這裡的100 alert(json); 

那麼得到的是：  空開來了10個字元。 
4.3.如果是一些逸出字元，比如“\t”，表示斷行符號，那麼它每行一個斷行符號。 
也是一樣。 
4.4.如果僅僅是字串，OK，就在每行輸出值的時候把這些字串附加上去就OK。當然，最大長度也是10個字元。 
如果是var json = JSON.stringify(student,stu,“HaiKou”);//

就這樣吧 。good night。 

JSON.stringify 文法執行個體講解