微信小程序--数组和对象循环

列表循环

wx:for="{{数组或者对象}}"
wx:for-item="循环项的名称“
wx:for-index="循环项的索引“

js文件中：

Page({

  /**
   * 页面的初始数据
   */
  data: {
list:[
  {
    id:0,
    name:"a"
  },
  {
    id:1,
    name:"b"
  },
  {
    id:2,
    name:"c"
  }
]
  },

<!--pages/demo0/demo0.wxml-->
<text>pages/demo0/demo0.wxml</text>

<view>
<view 
wx:for="{{list}}"
wx:for-item="item" 
wx:for-index="index">
索引：{{index}}
值：{{item.name}}
</view>
</view>

wx：key=“唯一的值”用来提高列表渲染的性能
   1.wx：key绑定一个普通的字符串的时候，呢么这个字符串名称肯定是循环数组中的对象的唯一属性
   2.wx:key="*this“表示你的数组是一个普通的数组，”*this"表示是循环数组
   3.当出现数组的嵌套循环的时候，尤其要注意以下绑定的名称不要重名
   wx:for-item="item"      wx:for-index="index"
   4.默认情况下，我们不写
    wx:for-item="item"      wx:for-index="index"
    小程序也会把循环项的名称和索引的名称叫做item和index
    只有一层循环的话，上面两个语句可以省略

对象循环

wx:for="{{数组或者对象}}"
wx:for-item="对象的值“
wx:for-index="对象的属性“
1.循环对象时最好把item和index的名称都修改一下
wx:for-item="value“
wx:for-index="key“

<view>
<view>对象循环</view>
<view wx:for="{{person}}">
wx:for-item="value“
wx:for-index="key“
</view>
</view>