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","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}"

相关文章

  jsonp需要在页面中添加一个<script>元素,由该元素来从其他服务器加载json数据。 <body&g...
<script> var testApi = "地址"; $.ajax({ url:testApi,//可以不是本地域名 type:‘post...
总是有人会遇到跨域问题,然后有个jsonp的解决方案,MVC中代码如下: public class JsonpResult : Syst...
最近开发中遇到调用第三方web_api的功能,后端在处理json数据时使用fastjson来做反序列化,由于调用api...
JSON全称为JavaScript ObjectNotation,它是一种轻量级的数据交换格式,易于阅读、编写、解析。jsoncpp...
JsonSerializer有多个属性,用于自定义如何序列化JSON。这些也可以通过JsonSerializerSettings参数,在...