JSON parse eval 将字符串转换为json的异同

SON(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/

时间: 2024-08-28 09:20:20

JSON parse eval 将字符串转换为json的异同的相关文章

【荐】使用eval()、new Function()将JSON字符串转换为JSON对象

在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数. 2. 使用Function对象来进行返回解析. 第一种解析方式:使用eval函数来解析,并且使用jQuery的each方法来遍历 用jQuery解析JSON数据的方法,作为jQuery异步请求的传输对象,jQuery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明. 这里首先

js 将json字符串转换为json兑现

在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键.例如:JSON字符串:var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象:var str2 = { "name": "cxh", "sex": "man"

json字符串转换为json对象

json字符串转换为json对象         var str = '{ "name": "cxh", "sex": "man" }';         1.使用eval()方法                 eval() 函数使用的是 JavaScript 编译器,可解析 JSON 文本,然后生成 JavaScript 对象.必须把文本包围在括号中,这样才能避免语法错误. var obj = eval('(' + str

js 将json字符串转换为json对象的方法解析(转)

js 将json字符串转换为json对象的方法解析 将json字符串转换为json对象的方法.在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键 例如: JSON字符串:var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象:var str2 = { "name": &

js 将json字符串转换为json对象的方法解析

例如: JSON字符串:var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象:var str2 = { "name": "cxh", "sex": "man" }; 一.JSON字符串转换为JSON对象 要使用上面的str1,必须使用下面的方法先转化为JSON对象: //由JSON字符串转换为JS

js 将json字符串转换为json对象

要引入:jquery-json-2.4.js 在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键.例如: JSON字符串: var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象: var str2 = { "name": "cxh", "

js 将json字符串转换为json对象或json对象转换成json字符串

JSON字符串:var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象:var str2 = { "name": "cxh", "sex": "man" }; 一.JSON字符串转换为JSON对象 要使用上面的str1,必须使用下面的方法先转化为JSON对象: //由JSON字符串转换为JSON对象

JS字符串转换为JSON的四种方法笔记

1.jQuery插件支持的转换方式:  示例: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2.浏览器支持的转换方式(Firefox,chrome,opera,safari,ie)等浏览器: 示例: JSON.parse(jsonstr); //可以将json字符串转换成json对象 JSON.stringify(jsonobj); //可以将json对象转换成json对符串 注:ie8(兼容模式

JS字符串转换为JSON的方法

1.jQuery插件支持的转换方式:  示例: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2.浏览器支持的转换方式(Firefox,chrome,opera,safari,ie)等浏览器: 示例: JSON.parse(jsonstr); //可以将json字符串转换成json对象 JSON.stringify(jsonobj); //可以将json对象转换成json对符串 注:ie8(兼容模式