大家好屋匕,我是IT修真院成都分院第7期的學(xué)員韓建名,一枚正直純潔善良的WEB前端程序員谴轮。
今天給大家?guī)?lái)的是:json是什么炒瘟,如何處理轉(zhuǎn)義
目錄
1.背景介紹
2.知識(shí)剖析
3.常見(jiàn)問(wèn)題
4.解決方案
5.編碼實(shí)戰(zhàn)
6.擴(kuò)展思考
7.參考文獻(xiàn)
8.更多討論
1.背景介紹
J O S N是什么?
JSON 是適用于 Ajax 應(yīng)用程序的一種有效格式第步,原因是它使 JavaScript 對(duì)象和字符串值之間得以快速轉(zhuǎn)換 JSON是一種傳遞對(duì)象的語(yǔ)法疮装,對(duì)象可以是name/value對(duì),數(shù)組和其他對(duì)象粘都。
轉(zhuǎn)義
大家在調(diào)用 jsonp 接口或者調(diào)用js文件的時(shí)候廓推,由于文件編碼不同導(dǎo)致的亂碼問(wèn)題,應(yīng)該不會(huì)陌生吧翩隧。 如果你的文件出現(xiàn)了非英文字符樊展,如果調(diào)用時(shí)文件編碼不一致,則會(huì)出現(xiàn)亂碼情況堆生。
JSON是一個(gè)提供了stringify和parse方法的內(nèi)置對(duì)象
stringify將js對(duì)象轉(zhuǎn)化為符合json標(biāo)準(zhǔn)的字符串
parse將符合json標(biāo)準(zhǔn)的字符串轉(zhuǎn)化為js對(duì)象
2.知識(shí)剖析
JSON.parse
JSON.parse的參數(shù)包含轉(zhuǎn)移字符的時(shí)候會(huì)遇到兩次轉(zhuǎn)義的問(wèn)題专缠,其實(shí)第一次是字符串本身的轉(zhuǎn)義,第二次是將真正轉(zhuǎn)為js對(duì)象的轉(zhuǎn)義淑仆。
舉例如下: 例子一:將字符串'{"a":"b","b":"\\\\"}'傳遞給JSON.parse涝婉,首先解析器提取單引號(hào)括起來(lái)的字符串時(shí)認(rèn)為第一個(gè)\轉(zhuǎn)義第二個(gè)\ 第三個(gè)\轉(zhuǎn)義第四個(gè)\, 也就是說(shuō)實(shí)際可輸出字符串是{"a":"b","b":"\\"}(可通過(guò)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: "\"}寞射, 也就是說(shuō)實(shí)際顯示的數(shù)據(jù)為一個(gè)\(實(shí)際可輸出一個(gè)\說(shuō)明在此之前還有一個(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":"\\\\"}}}'));
根據(jù)轉(zhuǎn)義規(guī)則,實(shí)際輸出一個(gè)\在這個(gè)\之前必定有一個(gè)\桥温。所以如上第一行輸出按照書(shū)寫(xiě)來(lái)說(shuō)為'{"a":"b","b":"\\\\","c":{"b":"\\\\","a":{"b":"\\\\"}}}'引矩,可通過(guò)第三條輸出來(lái)驗(yàn)證。 總結(jié),如果想在js對(duì)象中出現(xiàn)一個(gè)\脓魏,需要在json字符串中出現(xiàn)四個(gè)\ 兰吟。
3.常見(jiàn)問(wèn)題
特殊字符導(dǎo)致json字符串轉(zhuǎn)換成json對(duì)象出錯(cuò)
對(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è)與此類(lèi)似。 3.\r悔政,\\r 4.\t晚吞,\\t
http://blog.csdn.net/robotech_er/article/details/40260377
4.解決方案
JSON.stringify 語(yǔ)法
語(yǔ)法: JSON.stringify(value [, replacer] [, space]) value:是必須要的字段。就是你輸入的對(duì)象谋国,比如數(shù)組啊槽地,類(lèi)啊等等。 replacer:這個(gè)是可選的芦瘾。它又分為2種方式捌蚊,一種是方法,第二種是數(shù)組近弟。 情況一:我們先說(shuō)數(shù)據(jù)缅糟,通過(guò)我們后面的實(shí)驗(yàn)可以知道,它是和第一個(gè)有關(guān)系的祷愉。一般來(lái)說(shuō)窗宦,我們系列化后的結(jié)果是通過(guò)鍵值對(duì)來(lái)進(jìn)行表示的。 比如說(shuō):
name:"lan",age:25
情況二:如果是方法二鳄,那很簡(jiǎn)單赴涵,就是說(shuō)把系列化后的每一個(gè)對(duì)象(記住 是每一個(gè))傳進(jìn)方法里面進(jìn)行處理。 space:很好理解订讼,用什么來(lái)做分隔符的句占。 1.如果省略的話,那么顯示出來(lái)的值 就沒(méi)有分隔符躯嫉。直接輸出來(lái) 2.如果是一個(gè)數(shù)字的話,那么它就定義縮進(jìn)幾個(gè)字符杨拐,當(dāng)然 如果大于10 祈餐,則最大值為10. 3.如果是一些轉(zhuǎn)義字符,比如“\t”哄陶,表示回車(chē)帆阳,那么它每行一個(gè)回車(chē)。 4.如果僅僅是字符串,OK蜒谤,就在每行輸出值的時(shí)候把這些字符串附加上去就OK山宾。當(dāng)然,最大長(zhǎng)度也是10個(gè)字符鳍徽。
var obj={
webName:"腳本之家",
url:"jb51.net",
age:"2"
}
var str=JSON.stringify(obj)
console.log(str);
var student = new Object();
student.name = "Lanny";
student.age = "25";
student.location = "China";
var json = JSON.stringify(student);
alert(student);
5.參考文獻(xiàn)
參考一:參考一
參考一:參考二
8.更多討論
JSON處理轉(zhuǎn)義時(shí)出現(xiàn)無(wú)法特殊字符無(wú)法處理時(shí)怎么辦资锰?涼拌?