JSON.stringify 語法實例講解
認(rèn)識javascript也不短的時間了,可是這個用法說實在的,我還是第一次見過,慚愧啊慚愧啊。于是乎,在網(wǎng)上找了寫資料,寫了些例子 希望能給園子們一些幫助。
作用:這個函數(shù)的作用主要是為了系列化對象的。
可能有些人對系列化這個詞過敏,我的理解很簡單。就是說把原來是對象的類型轉(zhuǎn)換成字符串類型(或者更確切的說是json類型的)。就這么簡單。打個比方說,你有一個類,那么你可以通過這個方法轉(zhuǎn)換成相應(yīng)的json類型的。很簡單吧。
接著看。
語法:
JSON.stringify(value [, replacer] [, space])
value:是必須要的字段。就是你輸入的對象,比如數(shù)組啊,類啊等等。
replacer:這個是可選的。它又分為2種方式,一種是方法,第二種是數(shù)組。
情況一:我們先說數(shù)據(jù),通過我們后面的實驗可以知道,它是和第一個有關(guān)系的。一般來說,我們系列化后的結(jié)果是通過鍵值對來進行表示的。
比如說:
name:"lan",age:25
這種形式。
所以,如果這種形式的話,如果第二個的值在第一個存在,那么的話就以第二個的值做key,第一個值為value進行表示,如果不存在,sorry,忽略。【是不是有點抽象,我也這么覺得,不過你等一下看實驗 就OK了。。呼呼?!?
情況二:如果是方法,那很簡單,就是說把系列化后的每一個對象(記住 是每一個)傳進方法里面進行處理。
space:很好理解,用什么來做分隔符的。
1.如果省略的話,那么顯示出來的值 就沒有分隔符。直接輸出來
2.如果是一個數(shù)字的話,那么它就定義縮進幾個字符,當(dāng)然 如果大于10 ,則最大值為10.
3.如果是一些轉(zhuǎn)義字符,比如“\t”,表示回車,那么它每行一個回車。
4.如果僅僅是字符串,OK,就在每行輸出值的時候把這些字符串附加上去就OK。當(dāng)然,最大長度也是10個字符。
開始用實例說明;
1.只有一個參數(shù)的情況下:
var obj={
webName:"腳本之家",
url:"jb51.net",
age:"2"
}
var str=JSON.stringify(obj)
console.log(str);
上面的代碼實現(xiàn)了轉(zhuǎn)換功能,這里采用的是JSON.stringify(),這是ECMAScript5新增的方法。
存在一定的瀏覽器兼容性問題,具體如下:
(1).IE8和IE8以上瀏覽器支持此方法。
(2).谷歌瀏覽器支持此方法。
(3).火狐瀏覽器支持此方法。
(4).opera瀏覽器支持此方法。
(5).Safria瀏覽器支持此方法。
或
var student = new Object(); student.name = "Lanny"; student.age = "25"; student.location = "China"; var json = JSON.stringify(student); alert(student);
結(jié)果如下:

有些人可能會懷疑JSON.stringify的作用,OK。那假如,我們不要這個函數(shù)。代碼下面的樣子:
var student = new Object(); student.name = "Lanny"; student.age = "25"; student.location = "China"; // var json = JSON.stringify(student); alert(student);
恭喜你 得到的結(jié)果是:

沒騙你吧,繼續(xù)。
2.第二個參數(shù)存在,并且第二個參數(shù)還是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個都是一樣,只是寫法有那么一點點的不一樣而已。
得到結(jié)果如下:

3.第二個參數(shù)存在,并且第二個參數(shù)不是function,而是數(shù)組的時候。
3.1 【誤區(qū)】如果第一個參數(shù)是數(shù)組,第二個參數(shù)也是數(shù)組的話,只顯示第一個參數(shù)的值。
比如:
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 得到的結(jié)果就是:

第二個被忽略了,只是第一個被系列化了。
3.2 如果第一個是對象(這里說的對象就像在C#里面可以進行new的),第二個是數(shù)組的。
那么如果第二個的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);
得到的結(jié)果如下:

因為stu[2] = "Hi";這個Hi 在第一個找不到,所以就不進行顯示了。
4.第三個參數(shù)
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.如果是一個數(shù)字的話,那么它就定義縮進幾個字符,當(dāng)然 如果大于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.如果是一些轉(zhuǎn)義字符,比如“\t”,表示回車,那么它每行一個回車。
也是一樣。
4.4.如果僅僅是字符串,OK,就在每行輸出值的時候把這些字符串附加上去就OK。當(dāng)然,最大長度也是10個字符。
如果是var json = JSON.stringify(student,stu,“HaiKou”);//

就這樣吧 。good night。
相關(guān)文章
JSON 入門教程基礎(chǔ)篇 json入門學(xué)習(xí)筆記
剛開始接觸json的時候感覺有點奇怪的命名,后來使用才發(fā)現(xiàn)這么簡單而且用好用,擴展性很強,這里就為大家整理一下2020-09-09
Javascript生成json的函數(shù)代碼(可以用php的json_decode解碼)
這幾天迷上了JSON,連項目中一些XML的工作都交給了JSON,話說JSON真的比XML方便的多啊2012-06-06
json的定義、標(biāo)準(zhǔn)格式及json字符串檢驗
今天分享和總結(jié)一些json的基本定義、格式、字符串的格式,以及在做測試的時候使用json時做一些簡單的校驗2014-05-05

