您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“微信小程序如何實(shí)現(xiàn)循環(huán)及嵌套循環(huán)”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“微信小程序如何實(shí)現(xiàn)循環(huán)及嵌套循環(huán)”這篇文章吧。
微信小程序 循環(huán)及嵌套循環(huán)的使用總結(jié)
關(guān)于微信小程序,最近被安排做微信小程序,首次接觸,總體來說上手不是太困難。
對于小程序的循環(huán)問題頗有感觸,因?yàn)樽约航壎〝?shù)據(jù)到界面無數(shù)次用到循環(huán)和嵌套循環(huán)。
對于我們在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}}"
來實(shí)現(xiàn)循環(huán)輸出對象中的數(shù)據(jù),這里我們可以通過{{index }} 獲取下標(biāo),也可以自定義下標(biāo):
wx:for-index="index2"
當(dāng)listTop中存在對象com的時(shí)候,我們可以通過wx:for="{{item.com}}" 來實(shí)現(xiàn)循環(huán)該循環(huán)中的數(shù)據(jù)。
我在實(shí)際的項(xiàng)目中,遇到這樣一個(gè)問題:在嵌套循環(huán)的過程中,我需要將某個(gè)字段的值進(jìn)行轉(zhuǎn)換,比如時(shí)間戳換成日期/幾天前等,這個(gè)時(shí)候我們應(yīng)該
知道微信小程序不支持界面直接調(diào)用JS,這個(gè)時(shí)候我們應(yīng)該怎么解決:
起初自己饒了很大一個(gè)彎子,我總是想在JS中通過循環(huán)放到一個(gè)對象中,然后再在界面循環(huán)出來,其實(shí)前一步我已經(jīng)接近結(jié)果了,但是實(shí)際開發(fā)中
自己作為剛?cè)肼毑坏揭粋€(gè)月的新手還是有很多不足,所以自己陷入到死循環(huán)當(dāng)中。
解決方案:在你遍歷出來的時(shí)候,直接把原有的數(shù)據(jù)替換成想要的數(shù)據(jù)就行了。。。。(很簡單,但是當(dāng)局者迷,但是由于自己解決的,可能存在
更好的方法,這里僅作敘述)
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) } } }
以上是“微信小程序如何實(shí)現(xiàn)循環(huán)及嵌套循環(huán)”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。