小编给大家分享一下微信小程序中循环及嵌套循环的使用示例,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
<强>微信小程序循环及嵌套循环的使用总结强>
关于微信小程序,最近被安排做微信小程序,首次接触,总体来说上手不是太困难。
对于小程序的循环问题颇有感触,因为自己绑定数据到界面无数次用到循环和嵌套循环。
对于我们在js中从接口中通过POST或GET请求获取数据存放到页面中定义的对象中:
//首页话题列表, ,,wx.request ({, ,,,url:, & # 39; https://* * * * * * * * * * * * * * * * * * * & # 39;,, ,,,方法:,& # 39;文章# 39;,, 数据:,,,,{, ,,,,pageNum:,,, ,,,,页大小:,10, ,,,},, ,,,(res){成功:函数, ,,,,that.setData ({, ,,,,,listTop: res.data,, ,,,,,, ,,,,}), ,,,}, ,,})
在wxml文件中通过
,天气:为=皗{listTop}}“
来实现循环输出对象中的数据,这里我们可以通过{{指数}}获取下标,也可以自定义下标:
天气:对于指数=癷ndex2"
当listTop中存在对象com的时候,我们可以通过天气:为=皗{item.com}},来实现循环该循环中的数据。
我在实际的项目中,遇到这样一个问题:在嵌套循环的过程中,我需要将某个字段的值进行转换,比如时间戳换成日期/几天前等,这个时候我们应该
知道微信小程序不支持界面直接调用JS,这个时候我们应该怎么解决:
起初自己饶了很大一个弯子,我总是想在JS中通过循环放到一个对象中,然后再在界面循环出来,其实前一步我已经接近结果了,但是实际开发中
自己作为刚入职不到一个月的新手还是有很多不足,所以自己陷入到死循环当中。
<>强解决方案强>:在你遍历出来的时候,直接把原有的数据替换成想要的数据就行了....(很简单,但是当局者迷,但是由于自己解决的,可能存在
更好的方法,这里仅作叙述)
for (var 小姐:=,0;,小姐:& lt;, res.data.data.length;我+ +){, ,,,console.log (res.data.data[我].comments +“* * * * * * * * * *“+ i),, ,,,, ,,,console.log (“* * *, + i), ,,,if (res.data.data[我].comments !=null) {, ,,,,for (var j =, 0;, j & lt;, res.data.data[我].comments.length; j + +) {, ,,,,,res.data.data[我].comments [j] .createTime=transDate (res.data.data[我].comments [j] .createTime), ,,,,}, ,,,}, ,,,,}
以上是“微信小程序中循环及嵌套循环的使用示例”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!