原文:http://literary-fly.iteye.com/blog/1343268
JSON(JavaScript Object Notation)是一種輕量級的數據格式,采用完全獨立於語言的文本格式,是理想的數據交換格式。同時,JSON是Javascript原生格式,這意味着在javascript中處理JSON數據不需要任何特殊的API或工具包,而且效率非常高。
JSON的結構如下:
“名稱/值”對的集合(A collection of name/value pairs)。不同的語言中,它被理解为對象(object),紀錄(record),結構(struct),字典(dictionary),哈希表(hash table),有鍵列表(keyed list),或者關聯數組 (associative array)。
值的有序列表(An ordered list of values)。在大部分語言中,它被理解为數組(array)
一個標准的json格式:
{"name":"jifeng","company":"taobao"} 總體而言,json是相對比較容易的理解和使用的,但同時存在很多的陷阱,如果不注意的話很容易掉進去,本文主要就是講訴它容易讓人犯錯的地方。
一、json的的解析方法
json的解析方法共有兩種:1. eval() ; 2.JSON.parse()。具體使用方法如下
var jsonstr = '{"name":"jifeng","company":"taobao"}';//eval functionvar evalJson = eval('(' + jsonstr + ')');// JSON.parse functionvar JSONParseJson = JSON.parse(jsonstr);
既然兩者都能達到解析json的結果,但這兩者有什麼區別呢?我用以下的一個例子來進行說明:
1. 用eval方法:
var parse_json_by_eval = function(str){ return eval('('+str+')');}var value = 1;var jsonstr = '{"name":"jifeng","company":"taobao","value":++value}';var json1 = parse_json_by_eval(jsonstr);console.log(json1);console.log('value: '+ value);
執行結果:
{ name: 'jifeng',company: 'taobao',value: 2 }value: 2
2. 用JSON.parse方法
var parse_json_by_JSON_parse = function(str){ return JSON.parse(str);}value = 1;var jsonstr = '{"name":"jifeng","value":++value}';var json2 = parse_json_by_JSON_parse(jsonstr);console.log(json2);console.log(value);
執行結果:
不能順利執行,報錯
前者能順利執行,並修改了全局變量value的值,而後者報錯了。從上例就可以明顯地看出,eval在解析字符串時,會執行該字符串中的代碼(這样的後果是相當惡劣的),如上例中,由於用eval解析一個json字符串而造成原先的value的值改變。《高性能Javascript》一書即指出:
警告:關於JSON和eval需要注意的是:在代碼中使用eval是很危險的,特別是用它執行第三方的JSON數據(其中可能包含惡意代碼)時,盡可能使用JSON.parse()方法解析字符串本身。該方法可以捕捉JSON中的語法錯誤,並允許你傳入一個函數,用來過滤或轉換解析結果。如果此方法以備Firfox 3.5 、IE8 及 Safari 4 原生支持。大多數javascript類庫包含的JSON解析代碼會直接調用原生版本,如果沒有原生支持的話,會調用一個略微不那麼強大的非原生版本來處理。
一、'\' 對JSON的影響
由於JSON對象是從字符串解析而來,因此在了解 '\' 對JSON影響之前,我們先來了解 '\' 對字符串的影響。這裏特別要強調的是在javascript中 ' 和 " 在表示字符串時是等價,比如'a' = "a"
眾所周知,由於String數據類型包含轉義字符,比如 '\n'表示換行,'\b'表示空格等,因此用表示 he say “hello” 這個字符串時,需要用 '\' 這個特殊字符來表示,即"he say \"hello \"" 。在chrome的中console.log()即可明顯的看出。
http://dl.iteye.com/upload/attachment/0062/0247/1e643d33-828d-3665-80f7-cb5adaf7b93d.jpg
而JSON.parse()又是對字符串的真實含義進行解析,要表示 \ 必須要用"\\\\"表示,具體見下圖:
http://dl.iteye.com/upload/attachment/0062/0249/dae6c992-ff46-3b6c-8104-af1c6f583271.jpg
在json中出現'\'時,必須萬分小心,這的確是json中最容易出錯的地方
在順便提一個小插曲:當我知道在json解析時需要用"\\\\"時表示"\"時,你用JSON.parse('{"a":"a\\b"}'),竟然沒有報錯,難道我理解錯了,細心的朋友應該看出來了,'\b'本身就是個轉義字符,因此這裏的第一個'\'是用來轉義第二個'\' ,這样字符串就編程'a\b'('\b'是個轉義字符),所以JSON.parse()還是可以順利解析的。
對這個概念還是有點繞的,讀者需要多想想,自己當時也是花了較長的時間來想這個問題。
補充資料:
線上解析json網站:http://json.parser.online.fr/
From:http://www.cnblogs.com/lengyuhong/archive/2012/01/07/2262390.html
JSON.parse()和JSON.stringify()
parse用于从一个字符串中解析出json对象,如
var str = '{"name":"huangxiaojian","age":"23"}'
结果:
JSON.parse(str)
- age:"23"
- name:"huangxiaojian"
- __proto__:Object
注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常。
stringify()用于从一个对象解析出字符串,如
var a = {a:1,b:2}
JSON.stringify(a)
"{"a":1,"b":2}"