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

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

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

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

对于我们在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) 
     } 
    } 
     }

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# 微信小程序 # 循环 # 小程序循环与嵌套循环 # 微信小程序实现双层嵌套菜单栏 # 微信小程序实现循环嵌套数据选择 # 微信小程序scroll-view横向滑动嵌套for循环的示例代码 # 微信小程序自定义tab实现多层tab嵌套功能 # 微信小程序实现给嵌套template模板传递数据的方式总结 # 微信小程序实现跟随菜单效果和循环嵌套加载数据 # 微信小程序中页面FOR循环和嵌套循环 # 微信小程序自定义tab实现多层tab嵌套 # 象中 # 我们可以 # 这个时候 # 我们应该 # 来实现 # 我在 # 首次 # 当局者迷 # 有很多 # 如有 # 一个月 # 几天 # 遍历 # 希望能 # 很简单 # 然后再 # 自定义 # 不支持 # 一个问题 # 颇有

返回目录在线咨询

上一篇：外部链接对SEO排名的影响有哪些_SEO优化教程
下一篇：Golang如何进行性能基准对比_Golang 性能基准对比实践

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

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

您的项目需求

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