1. 程式人生 > >js中js數組、對象與json之間的轉換

js中js數組、對象與json之間的轉換

clas 語法 方法 使用 blog ejs ava 部門 成了

?數據在名稱/值對中
?數據由逗號分隔
?花括號保存對象
?方括號保存數組

var jsonString = ‘{"bar":"property","baz":3}‘;//JSON字符串

var jsObject = JSON.parse(jsonString); //轉換為json對象

alert(jsObject.bar); //取json中的值

var st = JSON.stringify(jsObject); //轉換為json類型的字符串  
 //json數組類型字符串取值
 var jsonStr = ‘[{"id":"01","open":false,"pId":"0","name":"A部門"},{"id":"01","open":false,"pId":"0","name":"A部門"},{"id":"011","open":false,"pId":"01","name":"A部門"},{"id":"03","open":false,"pId":"0","name":"A部門"},{"id":"04","open":false,"pId":"0","name":"A部門"}, {"id":"05","open":false,"pId":"0","name":"A部門"}, {"id":"06","open":false,"pId":"0","name":"A部門"}]‘;
 console.log(jsonStr)
 /*
 [{"id":"01","open":false,"pId":"0","name":"A部門"},
 {"id":"01","open":false,"pId":"0","name":"A部門"},
 {"id":"011","open":false,"pId":"01","name":"A部門"},
 {"id":"03","open":false,"pId":"0","name":"A部門"},
 {"id":"04","open":false,"pId":"0","name":"A部門"}, 
 {"id":"05","open":false,"pId":"0","name":"A部門"},
 {"id":"06","open":false,"pId":"0","name":"A部門"}]
 */
 var jsonObj = JSON.parse(jsonStr);//轉換為json對象
 /*
 [object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 */
 for (var i = 0; i < jsonObj.length; i++) {
      console.log(jsonObj[i].id);  //取json中的值
 }
 console.log(jsonObj)
 var jsonStr1 = JSON.stringify(jsonObj)
 console.log(jsonStr1 + "jsonStr1")
 /*
 [{"id":"01","open":false,"pId":"0","name":"A部門"},
  {"id":"01","open":false,"pId":"0","name":"A部門"},
  {"id":"011","open":false,"pId":"01","name":"A部門"},
  {"id":"03","open":false,"pId":"0","name":"A部門"},
  {"id":"04","open":false,"pId":"0","name":"A部門"},
  {"id":"05","open":false,"pId":"0","name":"A部門"},
  {"id":"06","open":false,"pId":"0","name":"A部門"}]jsonStr1
 */

詳解

在數據傳輸過程中,json是以文本,即字符串的形式傳遞的,而JS操作的是JSON對象,所以,JSON對象和JSON字符串之間的相互轉換是關鍵。例如:
JSON字符串:
var str1 = ‘{ "name": "cxh", "sex": "man" }‘;
JSON對象:
var str2 = { "name": "cxh", "sex": "man" };


一、JSON字符串轉換為JSON對象

要使用上面的str1,必須使用下面的方法先轉化為JSON對象:

//由JSON字符串轉換為JSON對象

var obj = eval_r(‘(‘ + str + ‘)‘);

或者

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

或者

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

然後,就可以這樣讀取:

Alert(obj.name);

Alert(obj.sex);

特別註意:如果obj本來就是一個JSON對象,那麽使用eval()函數轉換後(哪怕是多次轉換)還是JSON對象,但是使用parseJSON()函數處理後會有問題(拋出語法異常)。



二、可以使用toJSONString()或者全局方法JSON.stringify()將JSON對象轉化為JSON字符串。

例如:

var last=obj.toJSONString(); //將JSON對象轉化為JSON字符

或者

var last=JSON.stringify(obj); //將JSON對象轉化為JSON字符

alert(last);

上 面的幾個方法中,除了eval_r()函數是js自帶的之外,其他的幾個方法都來自json.js包。新版本的 JSON 修改了 API,將 JSON.stringify() 和 JSON.parse() 兩個方法都註入到了 Javascript 的內建對象裏面,前者變成了 Object.toJSONString(),而後者變成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法,則說明您的json包版本太低。

js中js數組、對象與json之間的轉換