国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

JavaScript解析JSON數(shù)據(jù)示例

2019-11-19 11:10:44
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

本文實(shí)例講述了JavaScript解析JSON數(shù)據(jù)。分享給大家供大家參考,具體如下:

JSON數(shù)據(jù)是一種常用的數(shù)據(jù)格式,解析方式也比較簡(jiǎn)單,特別是由于JavaScript原生就支持JSON,所以JavaScript能夠更好的解析JSON。

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>解析JSON</title><script>// 開(kāi)始解析function startParse(){      // ,{"字段2":{"地址2":"數(shù)據(jù)2"}}{"字段3":{"地址3":"數(shù)據(jù)3"}}      var jsonStr = '[{/"字段1/":{/"地址1/":/"數(shù)據(jù)1/"}},{/"字段2/":{/"地址2/":/"數(shù)據(jù)2/"}},{/"字段3/":{/"地址3/":/"數(shù)據(jù)3/"}}]';      var json = JSON.parse(jsonStr); // 將字符串轉(zhuǎn)換為JSON對(duì)象      // 循環(huán)遍歷獲取key -- value      for(var i = 0; i < json.length; i++){        // {"字段1":{"地址1":"數(shù)據(jù)1"}}        var itemJson = json[i];        // 再次遍歷獲取        for(var key in itemJson){          console.log(key);          // {"地址2":"數(shù)據(jù)2"}          var childItem = itemJson[key];          // 再次遍歷獲取          for (var keyItem in childItem) {            console.log(keyItem + " -- " + childItem[keyItem]);          }        }      }}</script></head><body><p>數(shù)據(jù):</p><p>[{'字段1':{'地址1':'數(shù)據(jù)1'}},{'字段2':{'地址2':'數(shù)據(jù)2'}}{'字段3':{'地址3':'數(shù)據(jù)3'}}]</p><button type="button" onclick="startParse()">開(kāi)始解析</button></body></html>

運(yùn)行結(jié)果:

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具http://tools.VeVB.COm/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

PS:關(guān)于json操作,這里再為大家推薦幾款比較實(shí)用的json在線工具供大家參考使用:

在線JSON代碼檢驗(yàn)、檢驗(yàn)、美化、格式化工具:
http://tools.VeVB.COm/code/json

JSON在線格式化工具:
http://tools.VeVB.COm/code/jsonformat

在線XML/JSON互相轉(zhuǎn)換工具:
http://tools.VeVB.COm/code/xmljson

json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具:
http://tools.VeVB.COm/code/jsoncodeformat

在線json壓縮/轉(zhuǎn)義工具:
http://tools.VeVB.COm/code/json_yasuo_trans

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專(zhuān)題:《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é)

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 仙居县| 洞头县| 大邑县| 洛阳市| 阳西县| 齐齐哈尔市| 胶南市| 会昌县| 焉耆| 德安县| 商南县| 兴业县| 尼木县| 金门县| 桑日县| 民县| 通州区| 洛阳市| 封丘县| 墨脱县| 昌都县| 武宣县| 建德市| 二连浩特市| 夹江县| 赫章县| 高州市| 开封市| 洪洞县| 蓝田县| 丽水市| 贵德县| 蓬莱市| 高淳县| 三都| 铁力市| 醴陵市| 哈巴河县| 诸暨市| 辽宁省| 左贡县|