微信小程序循环以及嵌套循环的总结 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

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

发表时间:2021-4-22

发布人:葵宇科技

浏览次数:47

关于微信小程序,最近被安排做微信小程序,首次接触,总体来说上手不是太困难。 对于小程序的循环问题颇有感触,因为自己绑定数据到界面无数次用到循环和嵌套循环。 对于我们在js中从接口中通过POST或GET请求获取数据存放到Page中定义的对象中:

  1. //首页话题列表
  2. wx.request({
  3. url: 'https://*******************',
  4. method: 'POST',
  5. data: {
  6. pageNum: 1,
  7. pageSize: 10
  8. },
  9. success:function(res){
  10. that.setData({
  11. listTop:res.data,
  12. })
  13. }
  14. })

在wxml文件中通过 wx:for="{{listTop}}" 
来实现循环输出对象中的数据,这里我们可以通过{{index }} 获取下标,也可以自定义下标:

wx:for-index="index2"

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

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

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

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

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

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

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

  1. for (var i = 0; i < res.data.data.length;i++){
  2. console.log(res.data.data[i].comments+"**********"+i)
  3. console.log("***"+i)
  4. if (res.data.data[i].comments !=null){
  5. for (var j = 0; j < res.data.data[i].comments.length;j++){
  6. res.data.data[i].comments[j].createTime=transDate(res.data.data[i].comments[j].createTime)
  7. }
  8. }
  9. }

相关案例查看更多