详解微信小程序循环及嵌套循环

广告:宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取~~~

详解微信小程序循环及嵌套循环

本文主要介绍微信小程序 循环及嵌套循环的使用总结的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下,希望能帮助到大家。

对于我们在js中从接口中通过POST或GET请求获取数据存放到Page中定义的对象中:

//首页话题列表    wx.request({     url: 'https://*******************',     method: 'POST',     data: {      pageNum: 1,      pageSize: 10     },     success:function(res){      that.setData({       listTop:res.data,             })     }    })
登录后复制

在wxml文件中通过

 wx:for="{{listTop}}"
登录后复制

来实现循环输出对象中的数据,这里我们可以通过{{index }} 获取下标,也可以自定义下标:

wx:for-index="index2"
登录后复制

当listTop中存在对象com的时候,我们可以通过wx:for="{{item.com}}" 来实现循环该循环中的数据。

我在实际的项目中,遇到这样一个问题:在嵌套循环的过程中,我需要将某个字段的值进行转换,比如时间戳换成日期/几天前等,这个时候我们应该

知道微信小程序不支持界面直接调用JS,这个时候我们应该怎么解决:

起初自己饶了很大一个弯子,我总是想在JS中通过循环放到一个对象中,然后再在界面循环出来,其实前一步我已经接近结果了,但是实际开发中

自己作为刚入职不到一个月的新手还是有很多不足,所以自己陷入到死循环当中。

解决方案:在你遍历出来的时候,直接把原有的数据替换成想要的数据就行了。。。。(很简单,但是当局者迷,但是由于自己解决的,可能存在

更好的方法,这里仅作叙述)

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)      }     }      }
登录后复制

相关推荐:

微信开发之列表渲染多层嵌套循环

Oracle嵌套循环的执行计划优化

多个foreach嵌套循环的问题

以上就是详解微信小程序循环及嵌套循环的详细内容,更多请关注9543建站博客其它相关文章!

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:workerman支持多少并发
下一篇:详解微信开发中视图层(xx.xml)和逻辑层(xx.js)

发表评论

关闭广告
关闭广告