微信小程序 - 11.运算(三元表达式、for循环)

运算 => 表达式

1. 可以在花括号中 加入 表达式 -- "语句"
2. 表达式 : 指的是一些简单 运算 数字运算 字符串拼接 逻辑运算...
   • 数字的加减
   • 字符串拼接
   • 三语表达式
3. 语句 : 复杂的代码段
   • if else
   • 2 switch
   • 3 do while...
   • 4 for...

<view>{{1+1}}</view><!-- 2 -->
<view>{{'1'+'1'}}</view><!-- 11 -->
<view>{{10%2===0?'偶数':'奇数'}}</view><!-- 偶数 -->

列表循环 for

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

2. wx:key="唯一的值" 用来提高列表渲染的性能
   1. wx:key 绑定一个普通的字符串的时候 那么这个字符串名称肯定是循环数组中的对象的唯一属性
   2. wx:key="*this" 标识你的数组是一个普通的数组 *this标识是循环项
   (1). [1,2,3,44,5]
   (2). ["1","22","333"]
   3. 当出现数组的嵌套循环 要注意:以下绑定的名称 不要重名
   wx:for-item="item" wx:for-index="index"
   4. 默认情况下 我们不写
   (1). wx:for-item="item" wx:for-index="index"
   (2). 小程序也会把循环项的名称和索引名称默认为item和index
   (3). 只有一层循环的话 (wx:for-item="item" wx:for-index="index")可以省略掉

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

对象循环

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

<view >
    <view wx:for="{{person}}" wx:for-item="value" wx:for-index="key" wx:key="age">索引:{{key}}--值:{{value}}</view>
</view>