轉(zhuǎn)義字符(\)對JavaScript中JSON.parse的影響概述
更新時間:2013年07月17日 17:42:43 作者:
JSON是一個提供了stringify和parse方法的內(nèi)置對象,前者用于將js對象轉(zhuǎn)化為符合json標準的字符串,后者將符合json標準的字符串轉(zhuǎn)化為js對象,本文為大家介紹下轉(zhuǎn)義字符對JSON.parse方法的影響
按照ECMA262第五版中的解釋,JSON是一個提供了stringify和parse方法的內(nèi)置對象,前者用于將js對象轉(zhuǎn)化為符合json標準的字符串,后者將符合json標準的字符串轉(zhuǎn)化為js對象。json標準參考<a target="_blank">json.org</a>。(其實將符合json標準的字符串轉(zhuǎn)化為js對象可以用eval,但是eval性能相對差且存在安全隱患(會執(zhí)行json字符串中的代碼),本文僅寫JSON)
本文寫的是轉(zhuǎn)義字符對JSON.parse方法的影響。
一般來說在JSON.parse的參數(shù)包含轉(zhuǎn)移字符的時候會遇到兩次轉(zhuǎn)義的問題,其實第一次是字符串本身的轉(zhuǎn)義,第二次是將真正轉(zhuǎn)為js對象的轉(zhuǎn)義。
舉例如下:
例子一:將字符串'{"a":"b","b":"\\\\"}'傳遞給JSON.parse,首先解析器提取單引號括起來的字符串時認為第一個\轉(zhuǎn)義第二個\ 第三個\轉(zhuǎn)義第四個\,也就是說實際可輸出字符串是{"a":"b","b":"\\"}(可通過console.log('{"a":"b","b":"\\\\"}')驗證),之后正式轉(zhuǎn)為js對象的時候還有一次轉(zhuǎn)義,也就是實際輸出字符轉(zhuǎn)中的第一個\轉(zhuǎn)義第二個\(此時只有兩個\)。所以console.log(JSON.parse('{"a":"b","b":"\\\\"}') );輸出結果為Object {a: "b", b: "\"},也就是說實際顯示的數(shù)據(jù)為一個\(實際可輸出一個\說明在此之前還有一個\)。
例子二:
var obj = {
a : "b",
b : "\\",
c : {
b : "\\",
a : {
b : "\\"
}
}
};
var json_str = JSON.stringify(obj);
console.log( JSON.stringify(obj) );
console.dir(JSON.parse(json_str));
console.dir(JSON.parse('{"a":"b","b":"\\\\","c":{"b":"\\\\","a":{"b":"\\\\"}}}'));輸出結果如下圖
pic
根據(jù)轉(zhuǎn)義規(guī)則,實際輸出一個\在這個\之前必定有一個\。所以如上第一行輸出按照書寫來說為'{"a":"b","b":"\\\\","c":{"b":"\\\\","a":{"b":"\\\\"}}}',可通過第三條輸出來驗證。
總結,如果想在js對象中出現(xiàn)一個\,需要在json字符串中出現(xiàn)四個\ 。
對于其他的其他的特殊字符
1.雙引號("),如果正確出現(xiàn)雙引號應為\\\"
2.\n,如想想出現(xiàn)正確的換行需要json字符串中是\\n,其實是先對\n中的\轉(zhuǎn)義,n變成了普通字符,在解析為js對象的時候n與之前的\(只有一個\了)被解釋為換行。如下的兩個與此類似。
3.\r,\\r
4.\t,\\t
本文寫的是轉(zhuǎn)義字符對JSON.parse方法的影響。
一般來說在JSON.parse的參數(shù)包含轉(zhuǎn)移字符的時候會遇到兩次轉(zhuǎn)義的問題,其實第一次是字符串本身的轉(zhuǎn)義,第二次是將真正轉(zhuǎn)為js對象的轉(zhuǎn)義。
舉例如下:
例子一:將字符串'{"a":"b","b":"\\\\"}'傳遞給JSON.parse,首先解析器提取單引號括起來的字符串時認為第一個\轉(zhuǎn)義第二個\ 第三個\轉(zhuǎn)義第四個\,也就是說實際可輸出字符串是{"a":"b","b":"\\"}(可通過console.log('{"a":"b","b":"\\\\"}')驗證),之后正式轉(zhuǎn)為js對象的時候還有一次轉(zhuǎn)義,也就是實際輸出字符轉(zhuǎn)中的第一個\轉(zhuǎn)義第二個\(此時只有兩個\)。所以console.log(JSON.parse('{"a":"b","b":"\\\\"}') );輸出結果為Object {a: "b", b: "\"},也就是說實際顯示的數(shù)據(jù)為一個\(實際可輸出一個\說明在此之前還有一個\)。
例子二:
var obj = {
a : "b",
b : "\\",
c : {
b : "\\",
a : {
b : "\\"
}
}
};
var json_str = JSON.stringify(obj);
console.log( JSON.stringify(obj) );
console.dir(JSON.parse(json_str));
console.dir(JSON.parse('{"a":"b","b":"\\\\","c":{"b":"\\\\","a":{"b":"\\\\"}}}'));輸出結果如下圖
pic
根據(jù)轉(zhuǎn)義規(guī)則,實際輸出一個\在這個\之前必定有一個\。所以如上第一行輸出按照書寫來說為'{"a":"b","b":"\\\\","c":{"b":"\\\\","a":{"b":"\\\\"}}}',可通過第三條輸出來驗證。
總結,如果想在js對象中出現(xiàn)一個\,需要在json字符串中出現(xiàn)四個\ 。
對于其他的其他的特殊字符
1.雙引號("),如果正確出現(xiàn)雙引號應為\\\"
2.\n,如想想出現(xiàn)正確的換行需要json字符串中是\\n,其實是先對\n中的\轉(zhuǎn)義,n變成了普通字符,在解析為js對象的時候n與之前的\(只有一個\了)被解釋為換行。如下的兩個與此類似。
3.\r,\\r
4.\t,\\t
相關文章
深入理解JavaScript系列(21):S.O.L.I.D五大原則之接口隔離原則ISP詳解
這篇文章主要介紹了深入理解JavaScript系列(21):S.O.L.I.D五大原則之接口隔離原則ISP詳解,本文講解了JavaScript接口、ISP與JavaScript、墮落的實現(xiàn)、靜態(tài)耦合、語義耦合、可擴展性等內(nèi)容,需要的朋友可以參考下2015-03-03
Internet Explorer 11 瀏覽器介紹:別叫我IE
這篇文章主要介紹了Internet Explorer 11 瀏覽器介紹:別叫我IE,需要的朋友可以參考下2014-09-09
JavaScript事件處理器中的event參數(shù)使用介紹
當一個事件處理器被觸發(fā)時,名為Event的類實例會作為第一個參數(shù)傳入處理器中,下面為大家詳細介紹下它的應用2013-05-05
深入理解JavaScript系列(45):代碼復用模式(避免篇)詳解
這篇文章主要介紹了深入理解JavaScript系列(45):代碼復用模式(避免篇)詳解,本文講解了默認模式、借用構造函數(shù)、借用構造函數(shù)并設置原型、共享原型、臨時構造函數(shù)、klass等內(nèi)容,需要的朋友可以參考下2015-03-03

