認(rèn)識(shí)javascript也不短的時(shí)間了，可是這個(gè)用法說實(shí)在的，我還是第一次見過，慚愧啊慚愧啊。于是乎，在網(wǎng)上找了寫資料，寫了些例子 希望能給園子們一些幫助。

作用：這個(gè)函數(shù)的作用主要是為了系列化對(duì)象的。

可能有些人對(duì)系列化這個(gè)詞過敏，我的理解很簡(jiǎn)單。就是說把原來是對(duì)象的類型轉(zhuǎn)換成字符串類型（或者更確切的說是json類型的）。就這么簡(jiǎn)單。打個(gè)比方說，你有一個(gè)類，那么你可以通過這個(gè)方法轉(zhuǎn)換成相應(yīng)的json類型的。很簡(jiǎn)單吧。
接著看。

語法：
JSON.stringify(value [, replacer] [, space])
value：是必須要的字段。就是你輸入的對(duì)象，比如數(shù)組啊，類啊等等。
replacer：這個(gè)是可選的。它又分為2種方式，一種是方法，第二種是數(shù)組。
情況一：我們先說數(shù)據(jù)，通過我們后面的實(shí)驗(yàn)可以知道，它是和第一個(gè)有關(guān)系的。一般來說，我們系列化后的結(jié)果是通過鍵值對(duì)來進(jìn)行表示的。
比如說：
name:"lan",age:25
這種形式。
所以，如果這種形式的話，如果第二個(gè)的值在第一個(gè)存在，那么的話就以第二個(gè)的值做key，第一個(gè)值為value進(jìn)行表示，如果不存在，sorry，忽略?！臼遣皇怯悬c(diǎn)抽象，我也這么覺得，不過你等一下看實(shí)驗(yàn) 就OK了。。呼呼?！?
情況二：如果是方法，那很簡(jiǎn)單，就是說把系列化后的每一個(gè)對(duì)象（記住 是每一個(gè)）傳進(jìn)方法里面進(jìn)行處理。
space：很好理解，用什么來做分隔符的。
1.如果省略的話，那么顯示出來的值 就沒有分隔符。直接輸出來
2.如果是一個(gè)數(shù)字的話，那么它就定義縮進(jìn)幾個(gè)字符，當(dāng)然 如果大于10 ，則最大值為10.
3.如果是一些轉(zhuǎn)義字符，比如“\t”，表示回車，那么它每行一個(gè)回車。
4.如果僅僅是字符串，OK，就在每行輸出值的時(shí)候把這些字符串附加上去就OK。當(dāng)然，最大長(zhǎng)度也是10個(gè)字符。

開始用實(shí)例說明；

1.只有一個(gè)參數(shù)的情況下：

var obj={
 webName:"腳本之家",
 url:"jb51.net",
 age:"2"
}
var str=JSON.stringify(obj)
console.log(str);

上面的代碼實(shí)現(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é)果如下:

有些人可能會(huì)懷疑JSON.stringify的作用，OK。那假如，我們不要這個(gè)函數(shù)。代碼下面的樣子：

var student = new Object(); 
student.name = "Lanny"; 
student.age = "25"; 
student.location = "China"; 

// var json = JSON.stringify(student); 
alert(student); 

　恭喜你 得到的結(jié)果是：

沒騙你吧，繼續(xù)。
2.第二個(gè)參數(shù)存在，并且第二個(gè)參數(shù)還是function的時(shí)候

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個(gè)都是一樣，只是寫法有那么一點(diǎn)點(diǎn)的不一樣而已。
　得到結(jié)果如下：

3.第二個(gè)參數(shù)存在，并且第二個(gè)參數(shù)不是function，而是數(shù)組的時(shí)候。
3.1 【誤區(qū)】如果第一個(gè)參數(shù)是數(shù)組，第二個(gè)參數(shù)也是數(shù)組的話，只顯示第一個(gè)參數(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é)果就是：

第二個(gè)被忽略了，只是第一個(gè)被系列化了。

3.2 如果第一個(gè)是對(duì)象（這里說的對(duì)象就像在C#里面可以進(jìn)行new的），第二個(gè)是數(shù)組的。

那么如果第二個(gè)的value在第一個(gè)存在，那么的話就以第二個(gè)的值做key，第一個(gè)值為value進(jìn)行表示

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";//這個(gè)student對(duì)象里不存在。 

var json = JSON.stringify(student,stu); 
alert(json); 

得到的結(jié)果如下：

因?yàn)閟tu[2] = "Hi";這個(gè)Hi 在第一個(gè)找不到，所以就不進(jìn)行顯示了。

4.第三個(gè)參數(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.如果是一個(gè)數(shù)字的話，那么它就定義縮進(jìn)幾個(gè)字符，當(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個(gè)字符。

4.3.如果是一些轉(zhuǎn)義字符，比如“\t”，表示回車，那么它每行一個(gè)回車。

也是一樣。

4.4.如果僅僅是字符串，OK，就在每行輸出值的時(shí)候把這些字符串附加上去就OK。當(dāng)然，最大長(zhǎng)度也是10個(gè)字符。

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

就這樣吧 。good night。

最新評(píng)論