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

港控/mmm° 2022-06-08 08:49 499阅读 0赞

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

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

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

更多文章请关注公众号：每天学Java。想获得更多最新面试提醒请进入小程序：每天学Java

公众号二维码：                                                                                          小程序二维码：

![70][]                       ![70 1][]

[70]: https://img-blog.csdn.net/20180821214620778?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxNDQyMjcwNjM2/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 1]: /images/20220608/83a3236d2a7a41eb8c0a0f1d84c486a7.png