JS操作JSON要領(lǐng)詳細(xì)總結(jié)
更新時(shí)間:2013年08月25日 12:43:14 作者:
JSON是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不須要任何特殊的 API 或工具包,下面與大家分享下JSON操作的相關(guān)知識(shí)
JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式,采用完全獨(dú)立于語(yǔ)言的文本格式,是理想的數(shù)據(jù)交換格式。同時(shí),JSON是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不須要任何特殊的 API 或工具包。
本文主要是對(duì)JS操作JSON的要領(lǐng)做下總結(jié)。
在JSON中,有兩種結(jié)構(gòu):對(duì)象和數(shù)組。
1. 一個(gè)對(duì)象以“{”(左括號(hào))開(kāi)始,“}”(右括號(hào))結(jié)束。每個(gè)“名稱(chēng)”后跟一個(gè)“:”(冒號(hào));“‘名稱(chēng)/值' 對(duì)”之間運(yùn)用 “,”(逗號(hào))分隔。 名稱(chēng)用引號(hào)括起來(lái);值如果是字符串則必須用括號(hào),數(shù)值型則不須要。例如:
var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};
2. 數(shù)組是值(value)的有序集合。一個(gè)數(shù)組以“[”(左中括號(hào))開(kāi)始,“]”(右中括號(hào))結(jié)束。值之間運(yùn)用 “,”(逗號(hào))分隔。
例如:
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對(duì)象,所以,JSON對(duì)象和JSON字符串之間的相互轉(zhuǎn)換是關(guān)鍵。例如:
JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON對(duì)象:
var str2 = { "name": "cxh", "sex": "man" };
一、JSON字符串轉(zhuǎn)換為JSON對(duì)象
要運(yùn)用上面的str1,必須運(yùn)用下面的要領(lǐng)先轉(zhuǎn)化為JSON對(duì)象:
//由JSON字符串轉(zhuǎn)換為JSON對(duì)象
var obj = eval('(' + str + ')');
或者
var obj = str.parseJSON(); //由JSON字符串轉(zhuǎn)換為JSON對(duì)象
或者
var obj = JSON.parse(str); //由JSON字符串轉(zhuǎn)換為JSON對(duì)象
然后,就可以這樣讀?。?
Alert(obj.name);
Alert(obj.sex);
特別留心:如果obj本來(lái)就是一個(gè)JSON對(duì)象,那么運(yùn)用 eval()函數(shù)轉(zhuǎn)換后(哪怕是多次轉(zhuǎn)換)還是JSON對(duì)象,但是運(yùn)用 parseJSON()函數(shù)處理后會(huì)有疑問(wèn)(拋出語(yǔ)法異常)。
二、可以運(yùn)用 toJSONString()或者全局要領(lǐng) JSON.stringify()將JSON對(duì)象轉(zhuǎn)化為JSON字符串。
例如:
var last=obj.toJSONString(); //將JSON對(duì)象轉(zhuǎn)化為JSON字符
或者
var last=JSON.stringify(obj); //將JSON對(duì)象轉(zhuǎn)化為JSON字符
alert(last);
留心:
上面的多個(gè)要領(lǐng)中,除了eval()函數(shù)是js自帶的之外,其他的多個(gè)要領(lǐng)都來(lái)自json.js包。新版本的 JSON 修改了 API,將 JSON.stringify() 和 JSON.parse() 兩個(gè)要領(lǐng)都注入到了 Javascript 的內(nèi)建對(duì)象里面,前者變成了 Object.toJSONString(),而后者變成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()要領(lǐng),則說(shuō)明您的json包版本太低。
本文主要是對(duì)JS操作JSON的要領(lǐng)做下總結(jié)。
在JSON中,有兩種結(jié)構(gòu):對(duì)象和數(shù)組。
1. 一個(gè)對(duì)象以“{”(左括號(hào))開(kāi)始,“}”(右括號(hào))結(jié)束。每個(gè)“名稱(chēng)”后跟一個(gè)“:”(冒號(hào));“‘名稱(chēng)/值' 對(duì)”之間運(yùn)用 “,”(逗號(hào))分隔。 名稱(chēng)用引號(hào)括起來(lái);值如果是字符串則必須用括號(hào),數(shù)值型則不須要。例如:
復(fù)制代碼 代碼如下:
var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};
2. 數(shù)組是值(value)的有序集合。一個(gè)數(shù)組以“[”(左中括號(hào))開(kāi)始,“]”(右中括號(hào))結(jié)束。值之間運(yùn)用 “,”(逗號(hào))分隔。
例如:
復(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對(duì)象,所以,JSON對(duì)象和JSON字符串之間的相互轉(zhuǎn)換是關(guān)鍵。例如:
JSON字符串:
復(fù)制代碼 代碼如下:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON對(duì)象:
復(fù)制代碼 代碼如下:
var str2 = { "name": "cxh", "sex": "man" };
一、JSON字符串轉(zhuǎn)換為JSON對(duì)象
要運(yùn)用上面的str1,必須運(yùn)用下面的要領(lǐng)先轉(zhuǎn)化為JSON對(duì)象:
復(fù)制代碼 代碼如下:
//由JSON字符串轉(zhuǎn)換為JSON對(duì)象
var obj = eval('(' + str + ')');
或者
var obj = str.parseJSON(); //由JSON字符串轉(zhuǎn)換為JSON對(duì)象
或者
var obj = JSON.parse(str); //由JSON字符串轉(zhuǎn)換為JSON對(duì)象
然后,就可以這樣讀?。?
復(fù)制代碼 代碼如下:
Alert(obj.name);
Alert(obj.sex);
特別留心:如果obj本來(lái)就是一個(gè)JSON對(duì)象,那么運(yùn)用 eval()函數(shù)轉(zhuǎn)換后(哪怕是多次轉(zhuǎn)換)還是JSON對(duì)象,但是運(yùn)用 parseJSON()函數(shù)處理后會(huì)有疑問(wèn)(拋出語(yǔ)法異常)。
二、可以運(yùn)用 toJSONString()或者全局要領(lǐng) JSON.stringify()將JSON對(duì)象轉(zhuǎn)化為JSON字符串。
例如:
復(fù)制代碼 代碼如下:
var last=obj.toJSONString(); //將JSON對(duì)象轉(zhuǎn)化為JSON字符
或者
var last=JSON.stringify(obj); //將JSON對(duì)象轉(zhuǎn)化為JSON字符
alert(last);
留心:
上面的多個(gè)要領(lǐng)中,除了eval()函數(shù)是js自帶的之外,其他的多個(gè)要領(lǐng)都來(lái)自json.js包。新版本的 JSON 修改了 API,將 JSON.stringify() 和 JSON.parse() 兩個(gè)要領(lǐng)都注入到了 Javascript 的內(nèi)建對(duì)象里面,前者變成了 Object.toJSONString(),而后者變成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()要領(lǐng),則說(shuō)明您的json包版本太低。
相關(guān)文章
js判斷iframe中元素是否存在的實(shí)現(xiàn)代碼
這篇文章主要介紹了js判斷iframe中元素是否存在的實(shí)現(xiàn)代碼,需要的朋友可以參考下2016-12-12js設(shè)置隨機(jī)切換背景圖片的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js設(shè)置隨機(jī)切換背景圖片的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11調(diào)試Node.JS的輔助工具(NodeWatcher)
Node.JS調(diào)試貌似比較麻煩,每次改完了要重啟一下Node進(jìn)程.GOOGLE上有個(gè)NPM模塊,可以監(jiān)控JS文件的更改,然后自動(dòng)重啟Node.但我下載后在windows里運(yùn)行報(bào)錯(cuò)2012-01-01js實(shí)現(xiàn)頭像圖片切割縮放及無(wú)刷新上傳圖片的方法
這篇文章主要介紹了js實(shí)現(xiàn)頭像圖片切割縮放及無(wú)刷新上傳圖片的方法,涉及javascript結(jié)合php實(shí)現(xiàn)文件無(wú)刷新上傳等相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07網(wǎng)頁(yè)自動(dòng)刷新,不產(chǎn)生嗒嗒聲的一個(gè)解決方法
網(wǎng)頁(yè)自動(dòng)刷新,不產(chǎn)生嗒嗒聲的一個(gè)解決方法...2007-03-03小程序識(shí)別身份證,銀行卡,營(yíng)業(yè)執(zhí)照,駕照的實(shí)現(xiàn)
這篇文章主要介紹了小程序識(shí)別身份證,銀行卡,營(yíng)業(yè)執(zhí)照,駕照的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11JavaScript實(shí)現(xiàn)html轉(zhuǎn)pdf的三種方法詳解
近期項(xiàng)目需要實(shí)現(xiàn)將?html?頁(yè)面轉(zhuǎn)換成?pdf?報(bào)告的需求,經(jīng)過(guò)一番調(diào)研以及結(jié)合過(guò)往經(jīng)驗(yàn),發(fā)現(xiàn)了三種技術(shù)方案,下面我們就來(lái)看看它們的具體實(shí)現(xiàn)步驟吧2024-02-02