数组的渲染

一、数组的渲染

1、普通数组

wx:为属性前缀，key的盒子不用写item

for后面的双{{ }}不需要写item

遍历过程中item依旧表示每一项

id只能是数字或者纯数字的字符串

```html

<view wx:for="{{arr}}" wx:key="*this">{{item}}</view>

<!--*this表示每一项，或者写index-->

<!-- arr:[10,20,30] -->

```

```html

<view wx:for="{{arr2}}" wx:key="id">{{item.name}}今年{{item.age}}岁了</view>

<!--

  arr2:[{

      id:"01",

      name:"张三",

      age:22,

      job:"web开发"

    },{

      id:"02",

      name:"李四",

      age:25,

      job:"后端开发"

    }],

-->

```

2、二维数组

为了提高代码可读性，微信小程序提供了`wx:for-item=“xxx”`给我们修改这个item变量的命名

```html

<view wx:for="{{arr3}}" wx:key="id">

  {{item.className}}的学生有:

  <text wx:for="{{item.students}}" wx:key="*this" wx:for-item="aaa">{{aaa}}</text>

</view>

<!--

  arr3:[{

      id:"01",

      className:"一班",

      students:["张三","李四","王五"]

    },{

      id:"02",

      className:"二班",

      students:["刘备","关羽","张飞"]

    }],

-->

```