js解析json字符串、對象與json之間的轉換

前言

在數據傳輸流程中，json是以文本，即字符串的形式傳遞的，而JS操作的是JSON對象，所以，JSON對象和JSON字符串之間的相互轉換是關鍵。

js解析json字符串

// JSON字符串
'var str1 = '{ "name": "cxh", "sex": "man" }';

// JSON對象
var str2 = { "name": "cxh", "sex": "man" };

要使用str1，必須要先轉化為JSON對象，有以下三種方式：

var obj = eval('(' + str + ')'); //eval來轉換JSON字符到Object

var obj = str.parseJSON(); //由JSON字符串轉換為JSON對象

var obj = JSON.parse(str); //由JSON字符串轉換為JSON對象

然后就可以讀取了

Alert(obj.name);
 
Alert(obj.sex);

除了eval()函數是js自帶的之外，其他的幾個都來自json.js包。新版本的 JSON 修改了 API，將 JSON.stringify() 和 JSON.parse() 兩個都注入到了 Javascript 的內建對象里面，前者變成了 Object.toJSONString()，而后者變成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()，說明你的json包版本太低。

JS 對象與JSON之間的轉換

JS對象轉JSON

方式：JSON.stringify(obj)

var json = {"name":"iphone","price":666}; //創建對象；
var jsonStr = JSON.stringify(json);       //轉為JSON字符串
console.log(jsonStr);

{"name":"iphone","price":666}

JS數組轉JSON

//數組轉json串
var arr = [1,2,3, { a : 1 } ];
JSON.stringify( arr );

JS對象數組轉JSON

//數組轉json串
var arr = [1,2,3, { a : 1 } ];
JSON.stringify( arr );

JSON轉JS數組

//json字符串轉數組
var jsonStr = '[1,2,3,{"a":1}]';
var jsarr=JSON.parse( jsonStr );
alert(jsarr[0]);

JSON轉JS對象

var jsonString = '{"bar":"property","baz":3}';
var jsObject = JSON.parse(jsonString);    //轉換為json對象
alert(jsObject.bar);    //取json中的值