轉(zhuǎn)義字符(\)對(duì)JavaScript中JSON.parse的影響概述
更新時(shí)間:2013年07月17日 17:42:43 作者:
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ì)象,本文為大家介紹下轉(zhuǎn)義字符對(duì)JSON.parse方法的影響
按照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":"\\\\"}'傳遞給JSON.parse,首先解析器提取單引號(hào)括起來的字符串時(shí)認(rèn)為第一個(gè)\轉(zhuǎn)義第二個(gè)\ 第三個(gè)\轉(zhuǎn)義第四個(gè)\,也就是說實(shí)際可輸出字符串是{"a":"b","b":"\\"}(可通過console.log('{"a":"b","b":"\\\\"}')驗(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":"\\\\"}') );輸出結(jié)果為Object {a: "b", b: "\"},也就是說實(shí)際顯示的數(shù)據(jù)為一個(gè)\(實(shí)際可輸出一個(gè)\說明在此之前還有一個(gè)\)。
例子二:
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":"\\\\"}}}'));輸出結(jié)果如下圖
pic
根據(jù)轉(zhuǎn)義規(guī)則,實(shí)際輸出一個(gè)\在這個(gè)\之前必定有一個(gè)\。所以如上第一行輸出按照書寫來說為'{"a":"b","b":"\\\\","c":{"b":"\\\\","a":{"b":"\\\\"}}}',可通過第三條輸出來驗(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
本文寫的是轉(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":"\\\\"}'傳遞給JSON.parse,首先解析器提取單引號(hào)括起來的字符串時(shí)認(rèn)為第一個(gè)\轉(zhuǎn)義第二個(gè)\ 第三個(gè)\轉(zhuǎn)義第四個(gè)\,也就是說實(shí)際可輸出字符串是{"a":"b","b":"\\"}(可通過console.log('{"a":"b","b":"\\\\"}')驗(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":"\\\\"}') );輸出結(jié)果為Object {a: "b", b: "\"},也就是說實(shí)際顯示的數(shù)據(jù)為一個(gè)\(實(shí)際可輸出一個(gè)\說明在此之前還有一個(gè)\)。
例子二:
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":"\\\\"}}}'));輸出結(jié)果如下圖
pic
根據(jù)轉(zhuǎn)義規(guī)則,實(shí)際輸出一個(gè)\在這個(gè)\之前必定有一個(gè)\。所以如上第一行輸出按照書寫來說為'{"a":"b","b":"\\\\","c":{"b":"\\\\","a":{"b":"\\\\"}}}',可通過第三條輸出來驗(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
相關(guān)文章
JavaScript While 循環(huán)基礎(chǔ)教程
只要指定條件為 true,循環(huán)就可以一直執(zhí)行代碼,2007-04-04深入學(xué)習(xí)JavaScript中的原型prototype
這篇文章主要介紹了深入學(xué)習(xí)JavaScript中的原型prototype,是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-08-08JavaScript腳本語言在網(wǎng)頁中的簡(jiǎn)單應(yīng)用
JavaScript腳本語言在網(wǎng)頁中的簡(jiǎn)單應(yīng)用...2007-05-05簡(jiǎn)單介紹JavaScript的變量和數(shù)據(jù)類型
這篇文章主要介紹了簡(jiǎn)單介紹JavaScript的變量和數(shù)據(jù)類型,是JS入門中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06在JavaScript應(yīng)用中使用RequireJS來實(shí)現(xiàn)延遲加載
這篇文章主要介紹了在JavaScript應(yīng)用中使用RequireJS來實(shí)現(xiàn)延遲加載,JavaScript是一款人氣JS庫,需要的朋友可以參考下2015-07-07JavaScript數(shù)據(jù)類型判定的總結(jié)筆記
這篇文章主要給大家分享的是JavaScript數(shù)據(jù)類型判定,感興趣的朋友可以參考下2015-07-07Javascript - 全面理解 caller,callee,call,apply
Javascript - 全面理解 caller,callee,call,apply...2007-01-01