js讀取和解析JSON資料的方法

來源:互聯網
上載者:User
JSON(JavaScript Object Notation) 是一種輕量級的資料交換格式,採用完全獨立於語言的文字格式設定,是理想的資料交換格式。同時,JSON是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON資料不須要任何特殊的 API 或工具包。

本文主要是對JS操作JSON做的總結。

在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提供了json.js包,下載地址:http://www.json.org/json.js

在資料轉送流程中,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('(' + 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);

資料群組

var str='[{"name":"cxh","sex":"man"},{"name":"cxh1","sex":"man1"}]';    var obj = str.parseJSON();    alert(obj[0].name)

注意:

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

以上就是js讀取和解析JSON資料的方法詳解,希望能協助到大家。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.