天天看點

JS操作JSON總結

   JSON(JavaScript Object Notation) 是一種輕量級的資料交換格式,采用完全獨立于語言的文本格式,是理想的資料交換格式。

  同時,JSON是 JavaScript 原生格式,這意味着在 JavaScript 中處理 JSON資料不須要任何特殊的 API 或工具包。

    在JSON中,有兩種結構:對象和數組。

    1. 一個對象以“{”(左括号)開始,“}”(右括号)結束。每個“名稱”後跟一個“:”(冒号);“‘名稱/值’ 對”之間運用 “,”(逗号)分隔。 名稱用引号括起來;值如果是字元串則必須用括号,數值型則不須要。

  例如:

      var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};

    2. 數組是值(value)的有序集合。一個數組以“[”(左中括号)開始,“]”(右中括号)結束。值之間運用 “,”(逗号)分隔。

    例如:

      var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];

    為了友善地處理JSON資料,JSON提供了json2.js,下載下傳位址:https://github.com/douglascrockford/JSON-js

    在資料傳輸流程中,json是以文本,即字元串的形式傳遞的,而JS操作的是JSON對象,是以,JSON對象和JSON字元串之間的互相轉換是關鍵。例如:

    JSON字元串:

    var str1 = '{ "name": "cxh", "sex": "man" }';

    JSON對象:

    var str2 = { "name": "cxh", "sex": "man" };

    要運用上面的str1,必須運用下面的要領先轉化為JSON對象:

    //由JSON字元串轉換為JSON對象,注意需要在json字元外包裹一對小括号 

    var obj = eval('(' + str + ')');

或者

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

    var obj = $.parseJSON(str); //由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()函數是js自帶的之外,其他的多個要領都來自json.js包。

    新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 兩個要領都注入到了 Javascript 的内建對象裡面,前者變成了 Object.toJSONString(),而後者變成了 String.parseJSON()。

    如果提示找不到toJSONString()和parseJSON()要領,則說明您的json包版本太低。

引用說明

  1.JSON.stringify() 和 JSON.parse()  來自json2.js

     标準庫說明:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

  2.toJSONString() 已找不到以前的json.js了

  3. $.parseJSON() 

  必須引用jq1.4以上,在jQuery 1.9之前(不含1.9):如果傳入一個空字元串、<code>null</code>或<code>undefined</code>,該函數将傳回<code>null</code>,而不是抛出一個錯誤,即使它不是有效的JSON字元串。

相容問題

<a href="http://www.cnblogs.com/dudu/p/4920962.html">解決JSON.stringify()在IE10下無法使用的問題</a>

參考

http://www.cnblogs.com/worfdream/articles/1956449.html

繼續閱讀