微信小程序 循环及嵌套循环的使用总结
网络编程 2021-07-04 17:32www.168986.cn编程入门
这篇文章主要介绍了微信小程序 循环及嵌套循环的使用的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下
微信小程序 循环及嵌套循环的使用
关于微信小程序,最近被安排做微信小程序,接触,总体来说上手不是太困难。
对于小程序的循环问题颇有感触,因为自己绑定数据到界面无数次用到循环和嵌套循环。
对于我们在js中从接口中通过POST或GET请求获取数据存放到Page中定义的对象中
//首页话题列表 wx.request({ url: 'https://', method: 'POST', data: { pageNum: 1, pageSize: 10 }, suess:function(res){ that.setData({ listTop:res.data, }) } })
在wxml文件中通过
wx:for="{{listTop}}"
来实现循环输出对象中的数据,这里我们可以通过{{index }} 获取下标,也可以自定义下标
wx:for-index="index2"
当listTop中存在对象的时候,我们可以通过wx:for="{{item.}}" 来实现循环该循环中的数据。
我在实际的项目中,遇到这样一个问题在嵌套循环的过程中,我需要将某个字段的值进行转换,比如时间戳换成日期/几天前等,这个时候我们应该
知道微信小程序不支持界面直接调用JS,这个时候我们应该怎么解决
起初自己饶了很大一个弯子,我总是想在JS中通过循环放到一个对象中,然后再在界面循环出来,其实前一步我已经接近结果了,实际开发中
自己作为刚入职不到一个月的新手还是有很多不足,所以自己陷入到死循环当中。
解决方案在你遍历出来的时候,直接把原有的数据替换成想要的数据就行了。。。。(很简单,当局者迷,由于自己解决的,可能存在
更好的方法,这里仅作叙述)
for (var i = 0; i < res.data.data.length;i++){ console.log(res.data.data[i].ments+""+i) console.log(""+i) if (res.data.data[i].ments !=null){ for (var j = 0; j < res.data.data[i].ments.length;j++){ res.data.data[i].ments[j].createTime=transDate(res.data.data[i].ments[j].createTime) } } }
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程