這篇文章主要介紹了JavaScript中解析JSON數(shù)據(jù)的三種方法,本文講解了eval()方法、new Function方法、JSON.parse()方法等三種方法,需要的朋友可以參考下
概述
現(xiàn)在JSON格式在web開(kāi)發(fā)中越來(lái)越受重視,特別是在使用ajax開(kāi)發(fā)項(xiàng)目的過(guò)程中,經(jīng)常需要將json格式的字符串返回到前端,前端解析成JS對(duì)象(JSON )。
ECMA-262(E3)中沒(méi)有將JSON概念寫(xiě)到標(biāo)準(zhǔn)中,還好在 ECMA-262(E5)中JSON的概念被正式引入了,包括全局的JSON對(duì)象和Date的toJSON方法。
解析JSON數(shù)據(jù)的三種方法
eval()方法
解析JSON數(shù)據(jù)的最常用方法是使用javascript的eval()方法,代碼如下:
復(fù)制代碼代碼如下:
function toJson(str){
var json = eval('(' + str + ')');
return json;
}
該方法存在性能和安全方面的問(wèn)題,不建議使用。
new Function方法 復(fù)制代碼代碼如下:
function toJson(str){
var json = (new Function("return " + str))();
return json;
}
JSON.parse()方法 這種方法只支持IE8/Firefox3.5+/Chrome4/Safari4/Opera10 以上版本,這些瀏覽器都已經(jīng)接近W3C標(biāo)準(zhǔn),默認(rèn)實(shí)現(xiàn)了toJSON方法。
復(fù)制代碼代碼如下:
function toJson(str){
return JSON.parse(str);
}
json2.js會(huì)在瀏覽器原生支持JSON.parse的時(shí)候選用原生版本,而且它跟ES5是API兼容的。在ES5還沒(méi)完全普及的現(xiàn)狀下,John Resig大神推薦用json2.js主要是為了現(xiàn)在就能用跟ES5兼容的API,日后能平滑過(guò)渡到ES5——只要去掉一個(gè)import就換過(guò)來(lái)了。