首頁  >  文章  >  web前端  >  JavaScript中解析JSON資料的三種方法

JavaScript中解析JSON資料的三種方法

高洛峰
高洛峰原創
2017-02-17 16:54:561368瀏覽

概述

現在JSON格式在web開發中越來越受重視,特別是在使用ajax開發項目的過程中,經常需要將json格式的字符串返回到前端,前端解析成JS對象(JSON )。
ECMA-262(E3)中沒有將JSON概念寫到標準中,還好在 ECMA-262(E5)中JSON的概念被正式引入了,包括全局的JSON對象和Date的toJSON方法。
解析JSON資料的三種方法

eval()方法

解析JSON資料的最常用方法是使用javascript的eval()方法,程式碼如下:

function toJson(str){
 var json = eval('(' + str + ')');
 return json;
}


該方法存在效能和安全方面的問題,不建議使用。
new Function方法

function toJson(str){
 var json = (new Function("return " + str))();
 return json;
}


JSON.parse()方法
這種方法只支援IE8/Firefox3.5+/Chrome4/Safari4/Opera10 以上版本了toJSON方法。

function toJson(str){
 return JSON.parse(str);
}


json2.js會在瀏覽器原生支援JSON.parse的時候選用原生版本,而且它跟ES5是API相容的。在ES5還沒完全普及的現狀下,John Resig大神推薦用json2.js主要是為了現在就能用跟ES5相容的API,日後能平滑過渡到ES5——只要去掉一個import就換過來了。

更多JavaScript中解析JSON資料的三種方法相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn