微信小程序 循环及嵌套循环的使用

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

微信小程序 循环及嵌套循环的使用总结

关于微信小程序，最近被安排做微信小程序，首次接触，总体来说上手不是太困难。

对于小程序的循环问题颇有感触，因为自己绑定数据到界面无数次用到循环和嵌套循环。

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

//首页话题列表 
 wx.request({ 
 url: #39;https://******************* #39;, 
 method: #39;POST #39;, 
 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) 
 }

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

关于微信小程序 生命周期的介绍

关于微信小程序canvas的开发

以上就是微信小程序 循环及嵌套循环的使用的详细内容，更多请关注php中文网其它相关文章！

微信app下载

微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！