用循環(huán)或if語(yǔ)句從json中取數(shù)據(jù)示例
首先,例如json數(shù)據(jù)如下書(shū)寫(xiě):
{"head": [ {"text":"廣州","id":"廣州","pid":"廣東省"}, {"text":"鄭州","id":"鄭州","pid":"河南省"}], }
如上,倘若想將id和pid數(shù)據(jù)依次取出,就只能用循環(huán),代碼如下:
var head_id = ""; var head_pid = ""; for (var i = 0; i < data.head.length; i++) { head_id += data.head[i].id + " "; //循環(huán)輸出json數(shù)據(jù) head_pid += data.head[i].pid + " "; } $("#city").append("city:" + head_id); $("#city").append("province:" + head_pid);
這樣,將會(huì)在data之后,依次輸出json中的數(shù)據(jù)。
若想有選擇性的輸出時(shí),需要添加if條件,代碼如下:
for (var i = 0; i < data.head.length; i++) { if (data.head[i].pid == "河南省") { //有選擇的輸出json數(shù)據(jù) head_pid += data.head[i].pid; } }
需要注意的是,倘若對(duì)象中有多組數(shù)據(jù),則用data.head.id是undefined的,因?yàn)闆](méi)有標(biāo)明是哪組數(shù)據(jù),例如data.head[0].id,若對(duì)象中只有一組數(shù)據(jù),則可以直接用data.head.id輸出。
另外,倘若調(diào)出來(lái)的json數(shù)據(jù),中文亂碼,一方面查看json調(diào)用的jquery代碼,另一方面,可能是編寫(xiě)json數(shù)據(jù)的文件的問(wèn)題。
以上是自學(xué)json的一點(diǎn)學(xué)習(xí)所得,記錄一下。
(注:對(duì)象中多個(gè)數(shù)據(jù)時(shí),直接使用)(注:對(duì)象中多個(gè)數(shù)據(jù)時(shí),直接使用)
- javascript 循環(huán)語(yǔ)句 while、do-while、for-in、for用法區(qū)別
- js使用for循環(huán)及if語(yǔ)句判斷多個(gè)一樣的name
- Javascript中for循環(huán)語(yǔ)句的幾種寫(xiě)法總結(jié)對(duì)比
- javascript中的循環(huán)語(yǔ)句for語(yǔ)句深入理解
- JavaScript中對(duì)循環(huán)語(yǔ)句的優(yōu)化技巧深入探討
- JavaScript for循環(huán) if判斷語(yǔ)句(學(xué)習(xí)筆記)
- 簡(jiǎn)單學(xué)習(xí)JavaScript中的for語(yǔ)句循環(huán)結(jié)構(gòu)
- 詳解JavaScript中循環(huán)控制語(yǔ)句的用法
- 詳細(xì)談?wù)凧avaScript中循環(huán)之間的差異
相關(guān)文章
JavaScript動(dòng)態(tài)改變HTML頁(yè)面元素例如添加或刪除
HTML頁(yè)面元素可以通過(guò)js動(dòng)態(tài)改變,比如可以向HTML中添加元素或刪除某個(gè)元素,下面為示例代碼,感興趣的朋友不要錯(cuò)過(guò)2014-08-08詳解JavaScript中的Object.is()與"==="運(yùn)算符總結(jié)
這篇文章主要介紹了詳解JavaScript中的Object.is()與"==="運(yùn)算符總結(jié),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06JS實(shí)現(xiàn)轉(zhuǎn)動(dòng)隨機(jī)數(shù)抽獎(jiǎng)特效代碼
這篇文章主要為大家詳細(xì)介紹了一款轉(zhuǎn)動(dòng)隨機(jī)數(shù)抽獎(jiǎng)的JS特效代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-08-08JS實(shí)現(xiàn)部分HTML固定頁(yè)面頂部隨屏滾動(dòng)效果
這篇文章主要介紹了JS實(shí)現(xiàn)部分HTML固定頁(yè)面頂部隨屏滾動(dòng)效果,涉及JavaScript響應(yīng)onscroll事件動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,需要的朋友可以參考下2015-12-12JavaScript Array對(duì)象擴(kuò)展indexOf()方法
JavaScript中Array對(duì)象沒(méi)有indexOf()方法,可通過(guò)下面的代碼擴(kuò)展,需要的朋友可以參考下2014-05-05微信小程序js文件改變參數(shù)并在視圖上及時(shí)更新【推薦】
這篇文章主要介紹了微信小程序js文件改變參數(shù)并在視圖上及時(shí)更新的實(shí)現(xiàn)代碼,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2018-06-06BootStrap select2 動(dòng)態(tài)改變值的方法
這篇文章主要介紹了BootStrap select2 動(dòng)態(tài)改變值的方法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02