用循環(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實(shí)現(xiàn)寫(xiě)入文件到本地的方法【基于FileSaver.js插件】
這篇文章主要介紹了JavaScript實(shí)現(xiàn)寫(xiě)入文件到本地的方法,結(jié)合實(shí)例形式分析了基于FileSaver.js插件實(shí)現(xiàn)保存文件到本地的相關(guān)操作技巧,并附帶FileSaver.js插件完整源碼,需要的朋友可以參考下2018-03-03
javascript的onchange事件與jQuery的change()方法比較
本來(lái)是想添加文本框文本內(nèi)容改變事件動(dòng)作的，結(jié)果找了許多這方面的javascript代碼都不如意。2009-09-09
瀏覽器視頻幀操作方法?requestVideoFrameCallback()
這篇文章主要介紹了瀏覽器視頻幀操作方法?requestVideoFrameCallback()，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-07-07
uniapp實(shí)現(xiàn)上拉加載更多功能的全過(guò)程
我們?cè)陧?xiàng)目中經(jīng)常使用到上拉加載更多,下面這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)上拉加載更多功能的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10
一個(gè)簡(jiǎn)單不報(bào)錯(cuò)的summernote 圖片上傳案例
下面小編就為大家?guī)?lái)一篇一個(gè)簡(jiǎn)單不報(bào)錯(cuò)的summernote圖片上傳案例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
JS+HTML5實(shí)現(xiàn)的前端購(gòu)物車功能插件實(shí)例【附demo源碼下載】
這篇文章主要介紹了JS+HTML5實(shí)現(xiàn)的前端購(gòu)物車功能插件,結(jié)合完整實(shí)例形式分析了JS結(jié)合HTML5的storage特性存儲(chǔ)數(shù)據(jù)實(shí)現(xiàn)購(gòu)物車功能的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-10-10
解決layer 動(dòng)態(tài)加載select 失效的問(wèn)題
今天小編就為大家分享一篇解決layer 動(dòng)態(tài)加載select 失效的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
這篇文章主要為大家介紹了JS面試之對(duì)事件循環(huán)的理解分析詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)移動(dòng)端輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
原生JavaScrpit中異步請(qǐng)求Ajax實(shí)現(xiàn)方法
這篇文章主要介紹了原生JavaScrpit中異步請(qǐng)求Ajax實(shí)現(xiàn)方法，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2017-11-11