首頁 > web前端 > js教程 > 主體

JS操作JSON有哪幾種方法

php中世界最好的语言
發布: 2018-04-24 17:20:34
原創
1496 人瀏覽過

這次帶給大家JS操作JSON有哪幾種方法,JS操作JSON的注意事項有哪些,下面就是實戰案例,一起來看一下。

JSON概述:

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

JSON:JavaScript 物件表示法(JavaScript Object Notation)。

JSON 是儲存和交換文字資訊的語法。類似 XML。

JSON 比 XML 更小、更快,也更容易解析。

JSON 語法規則

JSON 語法是 JavaScript 物件表示法語法的子集。

資料在名稱/值對中

資料由逗號分隔

花括號保存物件

#方括號保存陣列

好了,以上所述不是本文的重點,本文主要是對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()或全域方法JS​​ON.stringify()將JSON物件轉換為JSON字串。

例如:

var last=obj.toJSONString(); //将JSON对象转化为JSON字符
登入後複製

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符
alert(last);
登入後複製
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

jquery中ajax執行順序調整

#Ajax實作loading等待效果提升使用者體驗

以上是JS操作JSON有哪幾種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!