小程序中的循环

小程序中的循环【数组 字符串等】

 <!-- vue  v-for 循环 v-for="(item,index) in list"-->
   <!-- 小程序 中的循环-->
   <!-- <view wx:for="{
   
   {list}} ">{
   
   {item}}</view> -->
 <!-- 
    正确的用法 wx:for="{
   
   {list}}"
    默认取值item (循环中的每一项)  index（每一项的下标）；
    需要改变这两个变量  wx:for-item wx:for-index
    1. wx:for-item='类似vue中的item' 指定变量名
    2. wx:for-index="indexaa" 指定下标

    3.key值的作用：数据发生改变的时候，key一样的不在改变，提高了渲染的效率
   -->
## 数组的循环
  <view wx:for="{
   
   {list}}" wx:for-item="arritem" wx:for-index="indexaa" wx:key="*this">{
   
   {arritem}} --- {
   
   {indexaa}}</view>
</view>
js:
data:{
 list: [1, 2, 3, 4, 5, 6, 7],
}
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210715095451696.png)
## 对象的循环
循环对象的时候 小程序定义的 item  value 值； index - key 值

 <view wx:for="{
   
   {obj}}" wx:key="title" wx:for-item="value" wx:for-index="key">
    <view>{
   
   {key}} -- {
   
   {value}}</view>
  </view>
js:
obj: {
      title: '三国演义',
      price: 30,
      author: '罗贯中'
    },

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210715100745952.png)