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