JSON.stringify 語法講解


剛剛在逛園子的時候,突然看到了一位園友的文章,里面涉及到一這樣一個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”);//

 

就這樣吧 。good night。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM