轉(zhuǎn)義字符（/）對(duì)JavaScript中JSON.parse的影響概述
2019-11-20 22:30:50
供稿：網(wǎng)友
按照ECMA262第五版中的解釋，JSON是一個(gè)提供了stringify和parse方法的內(nèi)置對(duì)象，前者用于將js對(duì)象轉(zhuǎn)化為符合json標(biāo)準(zhǔn)的字符串，后者將符合json標(biāo)準(zhǔn)的字符串轉(zhuǎn)化為js對(duì)象。json標(biāo)準(zhǔn)參考<a target="_blank">json.org</a>。（其實(shí)將符合json標(biāo)準(zhǔn)的字符串轉(zhuǎn)化為js對(duì)象可以用eval，但是eval性能相對(duì)差且存在安全隱患（會(huì)執(zhí)行json字符串中的代碼），本文僅寫JSON）
本文寫的是轉(zhuǎn)義字符對(duì)JSON.parse方法的影響。
一般來說在JSON.parse的參數(shù)包含轉(zhuǎn)移字符的時(shí)候會(huì)遇到兩次轉(zhuǎn)義的問題，其實(shí)第一次是字符串本身的轉(zhuǎn)義，第二次是將真正轉(zhuǎn)為js對(duì)象的轉(zhuǎn)義。
舉例如下：
例子一：將字符串'{"a":"b","b":"http:////"}'傳遞給JSON.parse，首先解析器提取單引號(hào)括起來的字符串時(shí)認(rèn)為第一個(gè)/轉(zhuǎn)義第二個(gè)/ 第三個(gè)/轉(zhuǎn)義第四個(gè)/，也就是說實(shí)際可輸出字符串是{"a":"b","b":"http://"}（可通過console.log('{"a":"b","b":"http:////"}')驗(yàn)證），之后正式轉(zhuǎn)為js對(duì)象的時(shí)候還有一次轉(zhuǎn)義，也就是實(shí)際輸出字符轉(zhuǎn)中的第一個(gè)/轉(zhuǎn)義第二個(gè)/（此時(shí)只有兩個(gè)/）。所以console.log(JSON.parse('{"a":"b","b":"http:////"}') );輸出結(jié)果為Object {a: "b", b: "/"}，也就是說實(shí)際顯示的數(shù)據(jù)為一個(gè)/（實(shí)際可輸出一個(gè)/說明在此之前還有一個(gè)/）。
例子二：
var obj = {
a : "b",
b : "http://",
c : {
b : "http://",
a : {
b : "http://"
}
}
};
var json_str = JSON.stringify(obj);
console.log( JSON.stringify(obj) );
console.dir(JSON.parse(json_str));
console.dir(JSON.parse('{"a":"b","b":"http:////","c":{"b":"http:////","a":{"b":"http:////"}}}'));輸出結(jié)果如下圖
pic
根據(jù)轉(zhuǎn)義規(guī)則，實(shí)際輸出一個(gè)/在這個(gè)/之前必定有一個(gè)/。所以如上第一行輸出按照書寫來說為'{"a":"b","b":"http:////","c":{"b":"http:////","a":{"b":"http:////"}}}'，可通過第三條輸出來驗(yàn)證。
總結(jié)，如果想在js對(duì)象中出現(xiàn)一個(gè)/，需要在json字符串中出現(xiàn)四個(gè)/ 。
對(duì)于其他的其他的特殊字符
1.雙引號(hào)（"），如果正確出現(xiàn)雙引號(hào)應(yīng)為///"
2./n，如想想出現(xiàn)正確的換行需要json字符串中是//n，其實(shí)是先對(duì)/n中的/轉(zhuǎn)義，n變成了普通字符，在解析為js對(duì)象的時(shí)候n與之前的/（只有一個(gè)/了）被解釋為換行。如下的兩個(gè)與此類似。
3./r，//r
4./t，//t
