使用js把json字串轉為js對象的方法

標籤：style   class   blog   code   http   tar   

ECMA-262(E3) 中沒有將JSON概念寫到標準中，還好在 ECMA-262(E5) 中JSON的概念被正式引入了，包括全域的JSON對象和Date的toJSON方法。

1，eval方式解析，恐怕這是最早的解析方式了。如下：

複製代碼代碼如下:
function strToJson(str){ 
var json = eval(‘(‘ + str + ‘)‘); 
return json; 
} 

記得別忘了str兩旁的小括弧。 

這裡屬性名稱可以使用數字，可以帶引號也可以不帶引號。如果屬性名稱是純數字，產生的對象屬性可以用下表運算子[]來訪問，不能用obj.123這樣的方式訪問。

 1         var str1 = "{\"fa\":123,fb:333,\"fc\":\"xxx\",123:‘xyz‘}"; 2         var obj1 = eval("(" + str1 + ")"); 3         document.writeln("obj1.fa=" + obj1.fa); 4         document.writeln("obj1.fb=" + obj1.fb); 5         document.writeln("obj1.fc=" + obj1.fc); 6         //document.writeln("obj1.123=" + obj1.123);//語法錯誤 7         document.writeln("obj1[fa]=" + obj1["fa"]); 8         document.writeln("obj1[fb]=" + obj1["fb"]); 9         document.writeln("obj1[fc]=" + obj1["fc"]);10         document.writeln("obj1[123]=" + obj1[123]);11         document.write("<br/>");

 

2，new Function形式，比較怪異哦。如下 

複製代碼代碼如下:
function strToJson(str){ 
var json = (new Function("return " + str))(); 
return json; 
} 

 1         var str2 = "{\"fa\":123,fb:333,\"fc\":\"xxx\",123:‘xyz‘}"; 2         var obj2 = (new Function("return" + str2))(); 3         document.writeln("obj2.fa=" + obj2.fa); 4         document.writeln("obj2.fb=" + obj2.fb); 5         document.writeln("obj2.fc=" + obj2.fc); 6         //document.writeln("obj1.123=" + obj1.123); 7         document.writeln("obj2[fa]=" + obj2["fa"]); 8         document.writeln("obj2[fb]=" + obj2["fb"]); 9         document.writeln("obj2[fc]=" + obj2["fc"]);10         document.writeln("obj2[123]=" + obj2[123]);11         document.write("<br/>");

 

3，使用全域的JSON對象，如下： 

複製代碼代碼如下:
function strToJson(str){ 
return JSON.parse(str); 
} 

目前 IE8(S)/Firefox3.5+/Chrome4/Safari4/Opera10 已實現了該方法，以下是部分資料：http://blogs.msdn.com/ie/archive/2008/09/10/native-json-in-ie8.aspx https://developer.mozilla.org/en/Using_JSON_in_Firefox 
使用JSON.parse需嚴格遵守JSON規範，如屬性都需用引號引起來，如下

複製代碼代碼如下:
var str = ‘{name:"jack"}‘; 
var obj = JSON.parse(str); // --> parse error 

name沒有用引號引起來，使用JSON.parse所有瀏覽器中均拋異常，解析失敗。而前兩種方式則沒問題。 另外必須用雙引號包圍屬性名稱，單引號會有解析錯誤，範例：

 1         var str3 = "{\"fa\":123,\"fb\":333,\"fc\":\"xxx\",\"123\":321}"; 2         var obj3 = JSON.parse(str3); 3         document.writeln("obj3.fa=" + obj3.fa); 4         document.writeln("obj3.fb=" + obj3.fb); 5         document.writeln("obj3.fc=" + obj3.fc); 6         //document.writeln("obj1.123=" + obj1.123); 7         document.writeln("obj3[fa]=" + obj3["fa"]); 8         document.writeln("obj3[fb]=" + obj3["fb"]); 9         document.writeln("obj3[fc]=" + obj3["fc"]);10         document.writeln("obj3[123]=" + obj3[123]);11         document.write("<br/>");12 13         try{14             var str4 = "{fa:123,\"fb\":333,\"fc\":\"xxx\",\"123\":321}";15             var obj4 = JSON.parse(str4);16         } catch (err) {17             document.write(err.name+":"+err.message);18         }19         document.write("<br/>");20         try{21             var str5 = "{‘fa‘:123,\"fb\":333,\"fc\":\"xxx\",\"123\":321}";22             var obj5 = JSON.parse(str4);23         } catch (err) {24             document.write(err.name + ":" + err.message);25         }

 

另見：Chrome中JSON.parse的特殊實現