在微信小程序中也有for循环，用于进行列表渲染。
官方实例
打开微信开发者文档，在框架部分的视图层--》wxml--》列表渲染中可以看到官方给出的for循环实例，在实例中 可以看到下面相关说明。
默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item；使用 wx:for-item 可以指定数组当前元素的变量名，使用 wx:for-index 可以指定数组当前下标的变量名。
test.wxml
<view wx:for="{{array}}">
{{index}}: {{item.message}}
</view>
<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">
{{idx}}: {{itemName.message}}
</view>
test.js
Page({
data: {
array: [
{message: 'foo',},
{message: 'bar'}
]
}
})
在上面的例子中，针对同一个数组，分别使用两种不同的方式，得到了相同的结果，也就是官网说明中指出的，index 和 wx:for-index 都可以用来表示元素下标，而item 和 wx:for-item 都可以用来表示元素，但在实际运用中，我们使用for循环的时候，更多的是希望可以通过点击事件获得元素的索引下标，而不是在列表中展示下标。
获取数组索引
wx:for-index 方式
在微信小程序中，元素也有id属性，并且可以通过点击该元素获得其id，因此，我们只需要将id与元素下标进行绑定，就可以通过id来获得索引下标了。
对上面的代码稍作修改，得到下面的例子
test.wxml
<view wx:for="{{arr
