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