JSON.parse() 与 eval() 与 JSON.stringify()

原文：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","company":"taobao","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)

Object

1. age:"23"
2. name:"huangxiaojian"
3. __proto__:Object

注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。

stringify()用于从一个对象解析出字符串，如

var a = {a:1,b:2}

结果：

JSON.stringify(a)

"{"a":1,"b":2}"