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