首頁 >web前端 >js教程 >JavaScript中解析JSON資料的三種方法_javascript技巧

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

WBOY
WBOY原創
2016-05-16 15:51:441267瀏覽

概述

現在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 以上版本,這些瀏覽器都已經接近W3C標準,預設實作了toJSON方法。
複製程式碼 程式碼如下:

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

json2.js會在瀏覽器原生支援JSON.parse的時候選用原生版本,而且它跟ES5是API相容的。在ES5還沒完全普及的現狀下,John Resig大神推薦用json2.js主要是為了現在就能用跟ES5相容的API,日後能平滑過渡到ES5——只要去掉一個import就換過來了。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn