1. 程式人生 > >JSON.parse()和JSON.stringify()用法解析

JSON.parse()和JSON.stringify()用法解析

1、parse用於從一個字串中解析出json物件,如

var str = '{"name":"huangxiaojian","age":"23"}'

結果:

JSON.parse(str)

Object
  1. age"23"
  2. name"huangxiaojian"
  3. __proto__Object
注意:單引號寫在{}外,每個屬性名都必須用雙引號,否則會丟擲異常。

2、stringify()用於從一個物件解析出字串,如

var a = {a:1,b:2}

結果:

JSON.stringify(a)

"{"a":1,"b":2}"

3、json.stringify語法例項講解

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

  • value:是必選欄位。就是你輸入的物件,比如陣列,類等。 
  • replacer:這個是可選的。它又分為2種方式,一種是陣列,第二種是方法。 

情況一:replacer為陣列時,通過後面的實驗可以知道,它是和第一個引數value有關係的。一般來說,系列化後的結果是通過鍵值對來進行表示的。 所以,如果此時第二個引數的值在第一個存在,那麼就以第二個引數的值做key,第一個引數的值為value進行表示,如果不存在,就忽略。

  情況二:replacer為方法時,那很簡單,就是說把系列化後的每一個物件(記住是每一個)傳進方法裡面進行處理。 

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

  1)如果省略的話,那麼顯示出來的值就沒有分隔符,直接輸出來 。
  2)如果是一個數字的話,那麼它就定義縮排幾個字元,當然如果大於10 ,則預設為10,因為最大值為10。
  3)如果是一些轉義字元,比如“\t”,表示回車,那麼它每行一個回車。 
  4)如果僅僅是字串,就在每行輸出值的時候把這些字串附加上去。當然,最大長度也是10個字元。 
下面用例項說明;

  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),結果如下:

  這次意識到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的時候輸出的結果:

  第三個引數為字串時候的輸出結果: