javascript 將object轉換爲字符串JSON.stringify

JSON.stringify 語法講解

2012-03-13 22:34 by 隨風浪跡天涯, 3444 閱讀, 7 評論, 收藏編輯

剛剛在逛園子的時候,突然看到了一位園友的文章,裏面涉及到一這樣一個javascript函數:JSON.stringify。

原文鏈接:javascript 進階篇3 Ajax 、JSON、 Prototype

認識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 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.如果是一些轉義字符,比如“\r”,表示回車,那麼它每行一個回車。【謝謝回覆的朋友指出了這個錯誤!】

也是一樣。

4.4.如果僅僅是字符串,OK,就在每行輸出值的時候把這些字符串附加上去就OK。當然,最大長度也是10個字符。

如果是var json = JSON.stringify(student,stu,“HaiKou”);//

轉載來自:http://www.cnblogs.com/damonlan/archive/2012/03/13/2394787.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章