【js】JSON.stringify 語法實例講解

語法:
  JSON.stringify(value [, replacer] [, space])json

  • value:是必選字段。就是你輸入的對象,好比數組,類等。數組

  • replacer:這個是可選的。它又分爲2種方式,一種是數組,第二種是方法。函數

  狀況一:replacer爲數組時,經過後面的實驗能夠知道,它是和第一個參數value有關係的。通常來講,系列化後的結果是經過鍵值對來進行表示的。 因此,若是此時第二個參數的值在第一個存在,那麼就以第二個參數的值作key,第一個參數的值爲value進行表示,若是不存在,就忽略。spa

  狀況二:replacer爲方法時,那很簡單,就是說把系列化後的每個對象(記住是每個)傳進方法裏面進行處理。.net

  • space:就是用什麼來作分隔符的。code

  1)若是省略的話,那麼顯示出來的值就沒有分隔符,直接輸出來 。
  2)若是是一個數字的話,那麼它就定義縮進幾個字符,固然若是大於10 ,則默認爲10,由於最大值爲10。
  3)若是是一些轉義字符,好比「\t」,表示回車,那麼它每行一個回車。
  4)若是僅僅是字符串,就在每行輸出值的時候把這些字符串附加上去。固然,最大長度也是10個字符。
下面用實例說明;htm

  1)只有第一個參數的狀況下對象

 //1
var student = new Object(); 
student.name = "Lanny"; 
student.age = "25"; 
student.location = "China"; 
var json = JSON.stringify(student); 
alert(json); 
//alert(student);

  結果以下圖:字符串

  有些人可能會懷疑JSON.stringify的做用。那假如,咱們不要這個函數,而直接alert(student),結果以下:string

  此次意識到JSON.stringify的做用了吧。

  2)第二個參數存在,而且第二個參數仍是function的時候  

//2
var students = new Array() ; 
students[0] = "onepiece"; 
students[1] = "naruto"; 
students[2] = "bleach"; 
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()}); 
alert(json);
*/

  運行結果以下:

  3)第二個參數存在,而且第二個參數不是function,而是數組的時候 

//3
var stuArr1 = new Array() ; 
stuArr1[0] = "onepiece"; 
stuArr1[1] = "naruto"; 
stuArr1[2] = "bleach"; 
var stuArr2 = new Array(); 
stuArr2[0] = "1"; 
stuArr2[1] = "2"; 
var json = JSON.stringify(stuArr1,stuArr2)
alert(json);

  運行結果以下:

  第二個參數被忽略了,只是第一個參數被系列化了。

  4)若是第一個參數是對象,第二個參數是數組的狀況 

//4
var stuObj = new Object(); 
stuObj.id = "20122014001"; 
stuObj.name = "Tomy"; 
stuObj.age = 25; 
var stuArr = new Array(); 
stuArr[0] = "id"; 
stuArr[1] = "age"; 
stuArr[2] = "addr";//這個stuObj對象裏不存在。 
var json = JSON.stringify(stuObj,stuArr); 
//var json = JSON.stringify(stuObj,stuArr,1000); 
//var json = JSON.stringify(stuObj,stuArr,'\t'); 
//var json = JSON.stringify(stuObj,stuArr,'OK '); 
alert(json);

  運行結果以下:

  第三個參數爲數字時候的輸出結果:

  第三個參數爲轉義字符\t的時候輸出的結果:

  第三個參數爲字符串時候的輸出結果:

參考資料:

http://www.jb51.net/article/29893.htm

相關文章
相關標籤/搜索