首頁 > 文章 > 後端開發 > js讀取和解析JSON資料的方法

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

小云云原創: 2017-11-17 10:29:025505瀏覽

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 = &#39;{ "name": "cxh", "sex": "man" }&#39;;
JSON对象:
var str2 = { "name": "cxh", "sex": "man" };

一、JSON字串轉換為JSON物件

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

//由JSON字符串转换为JSON对象
var obj = eval(&#39;(&#39; + str + &#39;)&#39;);

或

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=&#39;[{"name":"cxh","sex":"man"},{"name":"cxh1","sex":"man1"}]&#39;;    
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資料的方法詳解，希望能幫助大家。

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

相關文章