首頁 > 後端開發 > php教程 > js讀取和解析JSON資料的方法

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

小云云
發布: 2023-03-17 15:46:02
原創
5529 人瀏覽過

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資料的方法詳解,希望能幫助大家。

相關推薦:

JS如何取得Json陣列裡陣列長度的實例

字串轉json的注意事項

Python對JSON的解析詳解

#

以上是js讀取和解析JSON資料的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板