欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JSON.stringify 語法實例講解

 更新時間:2012年03月14日 15:07:02   投稿:mdxy-dxy  
可能有些人對系列化這個詞過敏,我的理解很簡單。就是說把原來是對象的類型轉換成字符串類型(或者更確切的說是json類型的)。就這么簡單。打個比方說,你有一個類,那么你可以通過這個方法轉換成相應的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 obj={
 webName:"腳本之家",
 url:"jb51.net",
 age:"2"
}
var str=JSON.stringify(obj)
console.log(str);

上面的代碼實現了轉換功能,這里采用的是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); 

結果如下:

有些人可能會懷疑JSON.stringify的作用,OK。那假如,我們不要這個函數。代碼下面的樣子:

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

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

 恭喜你 得到的結果是:

沒騙你吧,繼續(xù)。
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 【誤區(qū)】如果第一個參數是數組,第二個參數也是數組的話,只顯示第一個參數的值。
比如:

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。

相關文章

  • json編寫簡單一例

    json編寫簡單一例

    主要是了解一下json的簡單寫法與應用,方便想學習json的朋友
    2008-08-08
  • 用JSON做數據傳輸格式中的一些問題總結

    用JSON做數據傳輸格式中的一些問題總結

    Json 憑借其自身的優(yōu)勢,在Web數據處理方面已經占據了一定的位置,這段時間涉及到用Json做為數據傳輸格式的項目有3個,其中有部分頁面就采用了Json 數據傳輸格式, 這里我總結下這段時間采用這種方式的一些問題總結
    2011-12-12
  • IE8 原生JSON支持

    IE8 原生JSON支持

    你可能已經從這篇文章的標題中猜到了,Internet Explorer 8(目前是Beta2)提供了原生JSON的解析和序列化。
    2009-04-04
  • js解析與序列化json數據(三)json的解析探討

    js解析與序列化json數據(三)json的解析探討

    這一節(jié)我們主要討論json的解析,感興趣的朋友可以了解下,JSON.parse()方法也可以接收另一個參數,該參數是一個函數,將早每個鍵值對上調用,好了,話不多說,希望本文對你有所幫助
    2013-02-02
  • 對比分析json及XML

    對比分析json及XML

    本文是根據自己對json、xml的了解,參考了部分資料,結合網上的一些視頻教程總結出來的一篇個人對于json和XML的感悟,以及他們之間在使用的時候的優(yōu)劣,這里推薦給大家。
    2014-11-11
  • 解決json日期格式問題的3種方法

    解決json日期格式問題的3種方法

    這篇文章主要介紹了解決json日期格式問題的3種方法 ,需要的朋友可以參考下
    2014-02-02
  • JSON字符串和對象之間的轉換詳解

    JSON字符串和對象之間的轉換詳解

    這篇文章主要介紹了JSON字符串和對象之間的轉換詳解,需要的朋友可以參考下
    2015-05-05
  • JSON 編輯器實現代碼

    JSON 編輯器實現代碼

    用來簡單的查看、輔助修改繁雜的JSON數據,格式化或者壓縮JJSON,當然也可以自由即時編輯一些簡單的JSON數據。
    2009-12-12
  • ajax處理php返回json數據的實例代碼

    ajax處理php返回json數據的實例代碼

    有時候我們需要ajax處理php返回的json數據,適合經常用php開發(fā)的朋友,需要的朋友可以參考下
    2013-01-01
  • JSON.parse()方法轉換對象的示例以及注意事項

    JSON.parse()方法轉換對象的示例以及注意事項

    這篇文章主要介紹了JSON.parse()方法轉換對象的示例以及注意事項,我們可以使用 JSON.parse() 方法將數據轉換為 JavaScript 對象,需要的朋友可以參考下
    2023-05-05

最新評論