小程序-循环遍历

1、单层数组的遍历

数据

单层的数据遍历很简单，根据微信小程序文档提供的demo来就行了。
比如循环这组数据，并展示出其中的order_no这个字段：

//wx:for="{{这里是要循环的数组}}" wx:key={{i}}这个的作用就是给数组唯一的标识。
  {{item.order_no}}//item就是数组的每一项，index就是数组的下标（如果是对象就是对象的属性名）

2、双层数组循环嵌套

小程序的wx:for列表循环所提供的变量是固定的item和index 如果是双层循环的话，出现了两个item和两个index，这样子就分不清楚了。需要用到wx:for-item 和 wx:for-index(自定义下标和值的变量)

image.png

如果内层循环需要用到外层循环的下标：

在第一层循环里使用wx:for-index="自定义的下标变量"

  
    外层的下标：{{Gindex}}
    内层的下标：{{index}}
  

image.png

如果需要遍历双层数据：

如果要遍历上图数据中的数组每一项中的contract的对象。
在第二层循环里使用wx:for-item="自定义值的变量";

  
    外层的下标:{{Gindex}}
    内层的数据：{{twodata}}
  

image.png