JavaScript解析JSON格式數(shù)據(jù)的方法示例
本文實(shí)例講述了JavaScript解析JSON格式數(shù)據(jù)的方法。分享給大家供大家參考，具體如下：
1、使用JavaScript提供的eval()函數(shù)
function JsonText1() {
var strJSON = "{'Name':'Kevin','Age':'23'}"; //得到的JSON
var obj = eval("(" + strJSON + ")"); //轉(zhuǎn)換后的JSON對象
alert(obj.Name);
}
2、使用JSON對象
① 使用JSON對象的stringify()函數(shù)，將對象轉(zhuǎn)換成JSON
語法：var str = JSON.stringify(data);
② 使用JSON對象的parse()函數(shù)，將JSON轉(zhuǎn)換成對象
語法：var data = JSON.parse(str);
var jsonStr = "";
//使用JSON對象的stringify()函數(shù)，將對象轉(zhuǎn)換成JSON
function JsonText2() {
var data = new Object;
data.Name = "Kevin";
data.Age = 23;
jsonStr = JSON.stringify(data);
alert(jsonStr);
}
//使用JSON對象的parse()函數(shù)，將JSON轉(zhuǎn)換成對象
function JsonText3() {
var data = JSON.parse(jsonStr);
alert(data.Name);
}
PS：關(guān)于json操作，這里再為大家推薦幾款比較實(shí)用的json在線工具供大家參考使用：
在線JSON代碼檢驗(yàn)、檢驗(yàn)、美化、格式化工具：
http://tools.jb51.net/code/json
JSON在線格式化工具：
http://tools.jb51.net/code/jsonformat
在線XML/JSON互相轉(zhuǎn)換工具：
http://tools.jb51.net/code/xmljson
json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具：
http://tools.jb51.net/code/jsoncodeformat
在線json壓縮/轉(zhuǎn)義工具：
http://tools.jb51.net/code/json_yasuo_trans
C語言風(fēng)格/HTML/CSS/json代碼格式化美化工具：
http://tools.jb51.net/code/ccode_html_css_json
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript中json操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JS控件的生命周期跟其他平臺(tái)UI的生命周期類似，但是又有自己的特點(diǎn)，我們只有將控件的生命周期劃分清晰，所有的控件編寫、mixins的編寫和plugin的編寫才能遵循控件的生命周期做統(tǒng)一的管理2012-10-10
下面小編就為大家?guī)硪黄狫avascript簡寫條件語句(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
談?wù)劵趇frame、FormData、FileReader三種無刷新上傳文件的方法
發(fā)請求有兩種方式，一種是用ajax，另一種是用form提交，默認(rèn)的form提交如果不做處理的話，會(huì)使頁面重定向。本篇文章通過實(shí)例給大家介紹基于iframe/FormData/FileReader三種無刷新上傳文件的方法，感興趣的朋友一起學(xué)習(xí)吧2015-12-12
Layui Table js 模擬選中checkbox的例子
今天小編就為大家分享一篇Layui Table js 模擬選中checkbox的例子，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
Javascript 異步加載詳解(瀏覽器在javascript的加載方式)
本文總結(jié)一下瀏覽器在 javascript 的加載方式,需要的朋友可以參考下2012-05-05
uniapp實(shí)現(xiàn)tabBar-switchTab之間的傳參方法
這篇文章主要介紹了uniapp實(shí)現(xiàn)tabBar-switchTab之間的傳參方式，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-01-01
WEB前端開發(fā)框架Bootstrap3 VS Foundation5
WEB前端開發(fā)框架Bootstrap3 VS Foundation5,這篇文章主要介紹了Bootstrap3與Foundation5的五大區(qū)別,感興趣的小伙伴們可以參考一下2016-05-05
自己封裝的javascript事件隊(duì)列函數(shù)版
這篇文章主要介紹了自己封裝的javascript事件隊(duì)列函數(shù)版,兼容了大部份瀏覽器,需要的朋友可以參考下2014-06-06
JS實(shí)現(xiàn)旋轉(zhuǎn)木馬輪播案例
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)旋轉(zhuǎn)木馬輪播案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要介紹了js精準(zhǔn)計(jì)算，對此感興趣的同學(xué)，可以實(shí)驗(yàn)一下2021-04-04