DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JSON基礎 >> JSON.stringify 語法實例講解
JSON.stringify 語法實例講解
編輯: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 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。
文章出處 http://www.cnblogs.com/damonlan/

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved