JS動(dòng)態(tài)遍歷json中所有鍵值對(duì)的方法(不知道屬性名的情況)
本文實(shí)例講述了JS動(dòng)態(tài)遍歷json中所有鍵值對(duì)的方法。分享給大家供大家參考,具體如下:
JavaScript中使用ajax技術(shù)訪問(wèn)后臺(tái)資源的時(shí)候,常常使用json作為輕量級(jí)數(shù)據(jù)傳輸格式。json類似于Java中的HashMap,是由一系列的key-value鍵值對(duì)構(gòu)成。
如果后臺(tái)返回給前臺(tái)的json中key的值是動(dòng)態(tài)生成的,那么我們沒(méi)有辦法使用常規(guī)的object.name或object["name"]的方式來(lái)獲取json中的值。
這個(gè)時(shí)候我們需要在不知道屬性名稱的時(shí)候,遍歷json對(duì)象,可以使用如下方式:
var jsonObj = {"55":"1","70":"0","80":"2","60":"2"}; for (var prop in jsonObj) { alert("jsonObj[" + prop + "]=" + jsonObj[prop]); }
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語(yǔ)言風(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é)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JS 遍歷 json 和 JQuery 遍歷json操作完整示例
- JS實(shí)現(xiàn)鍵值對(duì)遍歷json數(shù)組功能示例
- json的結(jié)構(gòu)與遍歷方法實(shí)例分析
- js遍歷json對(duì)象所有key及根據(jù)動(dòng)態(tài)key獲取值的方法(必看)
- js遍歷json的key和value的實(shí)例
- 遍歷json 對(duì)象的屬性并且動(dòng)態(tài)添加屬性的實(shí)現(xiàn)
- jquery對(duì)Json的各種遍歷方法總結(jié)(必看篇)
- jquery遍歷json對(duì)象集合詳解
- jQuery遍歷json的方法分析
- JavaScript遍歷json對(duì)象數(shù)據(jù)的方法
相關(guān)文章
Three.js利用orbit controls插件(軌道控制)控制模型交互動(dòng)作詳解
這篇文章主要給大家介紹了關(guān)于Three.js利用orbit controls插件,也就是軌道控制來(lái)控制模型交互動(dòng)作的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-09-09原生JS簡(jiǎn)單實(shí)現(xiàn)ajax的方法示例
這篇文章主要介紹了原生JS簡(jiǎn)單實(shí)現(xiàn)ajax的方法,結(jié)合實(shí)例形式分析了ajax的實(shí)現(xiàn)步驟與相關(guān)使用技巧,需要的朋友可以參考下2016-11-11javascript與asp.net(c#)互相調(diào)用方法
js與C#之間相互調(diào)用的一些方法2009-12-12簡(jiǎn)單了解JavaScript操作XPath的一些基本方法
XPath構(gòu)建于XML之上,以表示路徑的方式來(lái)確定XML中元素位置,事實(shí)上并不是太常用,這里我們來(lái)簡(jiǎn)單了解JavaScript操作XPath的一些基本方法2016-06-06javascript算法題:求任意一個(gè)1-9位不重復(fù)的N位數(shù)在該組合中的大小排列序號(hào)
這篇文章主要介紹了javascript算法題:求任意一個(gè)1-9位不重復(fù)的N位數(shù)在該組合中的大小排列序號(hào),需要的朋友可以參考下2015-04-04BootStrap 超鏈接變按鈕的實(shí)現(xiàn)方法
這篇文章主要介紹了BootStrap 超鏈接變按鈕的實(shí)現(xiàn)方法以及js按鈕bootstrap超鏈接的操作方法,本文介紹的非常詳細(xì),具有參考借鑒價(jià)值,感興趣的朋友一起看看吧2016-09-09網(wǎng)頁(yè)開(kāi)發(fā)中的容易忽略的問(wèn)題 javascript HTML中的table
最近在搞在線電子表格這個(gè)東西,下面的是使用中的一些知識(shí)技巧。2009-04-04解析JavaScript中的不可見(jiàn)數(shù)據(jù)類型
這篇文章主要是對(duì)JavaScript中的不可見(jiàn)數(shù)據(jù)類型進(jìn)行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12