快捷導(dǎo)航

JS操作JSON要領(lǐng)詳細(xì)總結(jié)

更新時間：2013年08月25日 12:43:14 作者：

JSON是 JavaScript 原生格式，這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不須要任何特殊的 API 或工具包，下面與大家分享下JSON操作的相關(guān)知識

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ù)值型則不須要。例如：

復(fù)制代碼代碼如下:

 
var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"}； 

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對象：

復(fù)制代碼代碼如下:

 
//由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對象 

然后，就可以這樣讀取：

復(fù)制代碼代碼如下:

 
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字符 
或者 
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包版本太低。