javascript操作JSON的要領(lǐng)總結(jié)
更新時間:2012年12月09日 13:46:12 作者:
JSON是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不須要任何特殊的 API 或工具包,需要的朋友可以了解下
JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式,采用完全獨立于語言的文本格式,是理想的數(shù)據(jù)交換格式。同時,JSON是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不須要任何特殊的 API 或工具包。
本文主要是對JS操作JSON的要領(lǐng)做下總結(jié)。
在JSON中,有兩種結(jié)構(gòu):對象和數(shù)組。
1. 一個對象以“{”(左括號)開始,“}”(右括號)結(jié)束。每個“名稱”后跟一個“:”(冒號);“‘名稱/值' 對”之間運用 “,”(逗號)分隔。 名稱用引號括起來;值如果是字符串則必須用括號,數(shù)值型則不須要。例如:
var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};
名稱是一個字符串; 值可以是一個字符串,一個數(shù)值,一個對象,一個布林值,一個有串行表,或者一個null值。
值的有串行表(Array):一個或者多個值用“,”分區(qū)后,使用“[”,“]”括起來就形成了這樣的列表,形如:
[collection, collection]
字符串:以""括起來的一串字符。
數(shù)值:一系列0-9的數(shù)字組合,可以為負數(shù)或者小數(shù)。還可以用“e”或者“E”表示為指數(shù)形式。
布林值:表示為 true 或者 false。
2. 數(shù)組是值(value)的有序集合。一個數(shù)組以“[”(左中括號)開始,“]”(右中括號)結(jié)束。值之間運用 “,”(逗號)分隔。
例如:
var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];
為了方便地處理JSON數(shù)據(jù),JSON提供了json.js包,下載地址:http://www.json.org/json.js
在數(shù)據(jù)傳輸流程中,json是以文本,即字符串的形式傳遞的,而JS操作的是JSON對象,所以,JSON對象和JSON字符串之間的相互轉(zhuǎn)換是關(guān)鍵。例如:
JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON對象:
var str2 = { "name": "cxh", "sex": "man" };
一、JSON字符串轉(zhuǎn)換為JSON對象
要運用上面的str1,必須運用下面的要領(lǐng)先轉(zhuǎn)化為JSON對象:
//由JSON字符串轉(zhuǎn)換為JSON對象
var obj = eval('(' + str + ')');
或者
var obj = str.parseJSON(); //由JSON字符串轉(zhuǎn)換為JSON對象
或者
var obj = JSON.parse(str); //由JSON字符串轉(zhuǎn)換為JSON對象
[html]
然后,就可以這樣讀取:
[code]
Alert(obj.name);
Alert(obj.sex);
特別留心:如果obj本來就是一個JSON對象,那么運用 eval()函數(shù)轉(zhuǎn)換后(哪怕是多次轉(zhuǎn)換)還是JSON對象,但是運用 parseJSON()函數(shù)處理后會有疑問(拋出語法異常)。
二、可以運用 toJSONString()或者全局要領(lǐng) JSON.stringify()將JSON對象轉(zhuǎn)化為JSON字符串
例如:
var last=obj.toJSONString(); //將JSON對象轉(zhuǎn)化為JSON字符
或者
var last=JSON.stringify(obj); //將JSON對象轉(zhuǎn)化為JSON字符
alert(last);
留心:
上面的多個要領(lǐng)中,除了eval()函數(shù)是js自帶的之外,其他的多個要領(lǐng)都來自json.js包。新版本的 JSON 修改了 API,將 JSON.stringify() 和 JSON.parse() 兩個要領(lǐng)都注入到了 Javascript 的內(nèi)建對象里面,前者變成了 Object.toJSONString(),而后者變成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()要領(lǐng),則說明您的json包版本太低。
本文主要是對JS操作JSON的要領(lǐng)做下總結(jié)。
在JSON中,有兩種結(jié)構(gòu):對象和數(shù)組。
1. 一個對象以“{”(左括號)開始,“}”(右括號)結(jié)束。每個“名稱”后跟一個“:”(冒號);“‘名稱/值' 對”之間運用 “,”(逗號)分隔。 名稱用引號括起來;值如果是字符串則必須用括號,數(shù)值型則不須要。例如:
復(fù)制代碼 代碼如下:
var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};
名稱是一個字符串; 值可以是一個字符串,一個數(shù)值,一個對象,一個布林值,一個有串行表,或者一個null值。
值的有串行表(Array):一個或者多個值用“,”分區(qū)后,使用“[”,“]”括起來就形成了這樣的列表,形如:
[collection, collection]
字符串:以""括起來的一串字符。
數(shù)值:一系列0-9的數(shù)字組合,可以為負數(shù)或者小數(shù)。還可以用“e”或者“E”表示為指數(shù)形式。
布林值:表示為 true 或者 false。
2. 數(shù)組是值(value)的有序集合。一個數(shù)組以“[”(左中括號)開始,“]”(右中括號)結(jié)束。值之間運用 “,”(逗號)分隔。
例如:
復(fù)制代碼 代碼如下:
var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];
為了方便地處理JSON數(shù)據(jù),JSON提供了json.js包,下載地址:http://www.json.org/json.js
在數(shù)據(jù)傳輸流程中,json是以文本,即字符串的形式傳遞的,而JS操作的是JSON對象,所以,JSON對象和JSON字符串之間的相互轉(zhuǎn)換是關(guān)鍵。例如:
JSON字符串:
復(fù)制代碼 代碼如下:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON對象:
復(fù)制代碼 代碼如下:
var str2 = { "name": "cxh", "sex": "man" };
一、JSON字符串轉(zhuǎn)換為JSON對象
要運用上面的str1,必須運用下面的要領(lǐng)先轉(zhuǎn)化為JSON對象:
//由JSON字符串轉(zhuǎn)換為JSON對象
復(fù)制代碼 代碼如下:
var obj = eval('(' + str + ')');
或者
復(fù)制代碼 代碼如下:
var obj = str.parseJSON(); //由JSON字符串轉(zhuǎn)換為JSON對象
或者
復(fù)制代碼 代碼如下:
var obj = JSON.parse(str); //由JSON字符串轉(zhuǎn)換為JSON對象
[html]
然后,就可以這樣讀取:
[code]
Alert(obj.name);
Alert(obj.sex);
特別留心:如果obj本來就是一個JSON對象,那么運用 eval()函數(shù)轉(zhuǎn)換后(哪怕是多次轉(zhuǎn)換)還是JSON對象,但是運用 parseJSON()函數(shù)處理后會有疑問(拋出語法異常)。
二、可以運用 toJSONString()或者全局要領(lǐng) JSON.stringify()將JSON對象轉(zhuǎn)化為JSON字符串
例如:
復(fù)制代碼 代碼如下:
var last=obj.toJSONString(); //將JSON對象轉(zhuǎn)化為JSON字符
或者
復(fù)制代碼 代碼如下:
var last=JSON.stringify(obj); //將JSON對象轉(zhuǎn)化為JSON字符
alert(last);
留心:
上面的多個要領(lǐng)中,除了eval()函數(shù)是js自帶的之外,其他的多個要領(lǐng)都來自json.js包。新版本的 JSON 修改了 API,將 JSON.stringify() 和 JSON.parse() 兩個要領(lǐng)都注入到了 Javascript 的內(nèi)建對象里面,前者變成了 Object.toJSONString(),而后者變成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()要領(lǐng),則說明您的json包版本太低。
您可能感興趣的文章:
- javascript:json數(shù)據(jù)的頁面綁定示例代碼
- JavaScript Ajax Json實現(xiàn)上下級下拉框聯(lián)動效果實例代碼
- javascript打印輸出json實例
- java與javascript之間json格式數(shù)據(jù)互轉(zhuǎn)介紹
- 將json當(dāng)數(shù)據(jù)庫一樣操作的javascript lib
- javascript仿php的print_r函數(shù)輸出json數(shù)據(jù)
- javaScript 動態(tài)訪問JSon元素示例代碼
- JavaScript中json使用自己總結(jié)
- JSON+JavaScript處理JSON的簡單例子
- js/ajax跨越訪問-jsonp的原理和實例(javascript和jquery實現(xiàn)代碼)
- JavaScript中json對象和string對象之間相互轉(zhuǎn)化
- javascript生成json數(shù)據(jù)簡單示例分享
相關(guān)文章
比較詳細的關(guān)于javascript 解析json的代碼
JSON (JavaScript Object Notation)一種簡單的數(shù)據(jù)格式,比xml更輕巧。 JSON 是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON 數(shù)據(jù)不需要任何特殊的 API 或工具包。2009-12-12ajax處理php返回json數(shù)據(jù)的實例代碼
有時候我們需要ajax處理php返回的json數(shù)據(jù),適合經(jīng)常用php開發(fā)的朋友,需要的朋友可以參考下2013-01-01什么是json和jsonp,jQuery json實例詳詳細說明
JSON能夠以非常簡單的方式來描述數(shù)據(jù)結(jié)構(gòu),XML能做的它都能做,因此在跨平臺方面兩者完全不分伯仲.其實網(wǎng)上關(guān)于JSONP的講解有很多,但卻千篇一律,用自己的方式來闡釋一下這個問題,看看是否有幫助2012-12-12