用循環(huán)或if語句從json中取數(shù)據(jù)示例

更新時(shí)間：2014年08月18日 17:53:40 投稿：whsnow

倘若想將id和pid數(shù)據(jù)依次取出，就只能用循環(huán)，若想有選擇性的輸出時(shí)，需要添加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);

這樣，將會(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; 
} 
}

需要注意的是，倘若對象中有多組數(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í)所得，記錄一下。

（注：對象中多個(gè)數(shù)據(jù)時(shí)，直接使用）（注：對象中多個(gè)數(shù)據(jù)時(shí)，直接使用）

您可能感興趣的文章:

json

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