用循環(huán)或if語句從json中取數(shù)據(jù)示例
更新時間：2014年08月18日 17:53:40 投稿：whsnow
倘若想將id和pid數(shù)據(jù)依次取出，就只能用循環(huán)，若想有選擇性的輸出時，需要添加if條件
首先，例如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的，因?yàn)闆]有標(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的一點(diǎn)學(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實(shí)現(xiàn)寫入文件到本地的方法【基于FileSaver.js插件】
這篇文章主要介紹了JavaScript實(shí)現(xiàn)寫入文件到本地的方法,結(jié)合實(shí)例形式分析了基于FileSaver.js插件實(shí)現(xiàn)保存文件到本地的相關(guān)操作技巧,并附帶FileSaver.js插件完整源碼,需要的朋友可以參考下2018-03-03
javascript的onchange事件與jQuery的change()方法比較
本來是想添加文本框文本內(nèi)容改變事件動作的，結(jié)果找了許多這方面的javascript代碼都不如意。2009-09-09
瀏覽器視頻幀操作方法?requestVideoFrameCallback()
這篇文章主要介紹了瀏覽器視頻幀操作方法?requestVideoFrameCallback()，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-07-07
uniapp實(shí)現(xiàn)上拉加載更多功能的全過程
我們在項(xiàng)目中經(jīng)常使用到上拉加載更多,下面這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)上拉加載更多功能的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10
下面小編就為大家?guī)硪黄粋€簡單不報錯的summernote圖片上傳案例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
JS+HTML5實(shí)現(xiàn)的前端購物車功能插件實(shí)例【附demo源碼下載】
這篇文章主要介紹了JS+HTML5實(shí)現(xiàn)的前端購物車功能插件,結(jié)合完整實(shí)例形式分析了JS結(jié)合HTML5的storage特性存儲數(shù)據(jù)實(shí)現(xiàn)購物車功能的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-10-10
今天小編就為大家分享一篇解決layer 動態(tài)加載select 失效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家介紹了JS面試之對事件循環(huán)的理解分析詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)移動端輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
原生JavaScrpit中異步請求Ajax實(shí)現(xiàn)方法
這篇文章主要介紹了原生JavaScrpit中異步請求Ajax實(shí)現(xiàn)方法，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2017-11-11