JSON.parse()和JSON.stringify()用法解析
1、parse用於從一個字串中解析出json物件,如
var str = '{"name":"huangxiaojian","age":"23"}'
結果:
JSON.parse(str)
- age: "23"
- name: "huangxiaojian"
- __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的時候輸出的結果:
第三個引數為字串時候的輸出結果: