本篇內(nèi)容主要講解“微信小程序循環(huán)及嵌套循環(huán)的方法”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“微信小程序循環(huán)及嵌套循環(huán)的方法”吧!
創(chuàng)新互聯(lián)公司長期為上千余家客戶提供的網(wǎng)站建設服務,團隊從業(yè)經(jīng)驗10年,關注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為柳南企業(yè)提供專業(yè)的網(wǎng)站設計制作、成都網(wǎng)站建設,柳南網(wǎng)站改版等技術服務。擁有十載豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。
對于我們在js中從接口中通過POST或GET請求獲取數(shù)據(jù)存放到Page中定義的對象中:
//首頁話題列表 wx.request({ url: 'https://*******************', method: 'POST', data: { pageNum: 1, pageSize: 10 }, success:function(res){ that.setData({ listTop:res.data, }) } })
在wxml文件中通過
wx:for="{{listTop}}"
來實現(xiàn)循環(huán)輸出對象中的數(shù)據(jù),這里我們可以通過{{index }} 獲取下標,也可以自定義下標:
wx:for-index="index2"
當listTop中存在對象com的時候,我們可以通過wx:for="{{item.com}}" 來實現(xiàn)循環(huán)該循環(huán)中的數(shù)據(jù)。
我在實際的項目中,遇到這樣一個問題:在嵌套循環(huán)的過程中,我需要將某個字段的值進行轉換,比如時間戳換成日期/幾天前等,這個時候我們應該
知道微信小程序不支持界面直接調(diào)用JS,這個時候我們應該怎么解決:
起初自己饒了很大一個彎子,我總是想在JS中通過循環(huán)放到一個對象中,然后再在界面循環(huán)出來,其實前一步我已經(jīng)接近結果了,但是實際開發(fā)中
自己作為剛入職不到一個月的新手還是有很多不足,所以自己陷入到死循環(huán)當中。
解決方案:在你遍歷出來的時候,直接把原有的數(shù)據(jù)替換成想要的數(shù)據(jù)就行了。。。。(很簡單,但是當局者迷,但是由于自己解決的,可能存在
更好的方法,這里僅作敘述)
for (var i = 0; i < res.data.data.length;i++){ console.log(res.data.data[i].comments+"**********"+i) console.log("***"+i) if (res.data.data[i].comments !=null){ for (var j = 0; j < res.data.data[i].comments.length;j++){ res.data.data[i].comments[j].createTime=transDate(res.data.data[i].comments[j].createTime) } } }
到此,相信大家對“微信小程序循環(huán)及嵌套循環(huán)的方法”有了更深的了解,不妨來實際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關內(nèi)容可以進入相關頻道進行查詢,關注我們,繼續(xù)學習!