头图

● 又叫三元运算符,必须有三个操作数参与的运算
● 操作符号:? :
● 表达式:在参与 js 程序时,都必须先计算出表达式结果,才能参与后续程序
● 由于三元表达式具备了一些选择的效果,所以也是一种条件分支语句
最基本的语法 条件表达式 ? True : False

<script>  
      // 最基本的语法  条件表达式 ? True : False
    console.log(true ? 1 : 0); // 1
    console.log(false ? 1 : 0); // 0
    // 相当于 if 语句中的
    var a = true;
    if (a){
        console.log(1);
    } else {
        console.log(0);
    } // 1
</script>

优点
● 虽然 if 语句可以模拟三元表达式,但是三元表达式有自己的优点:
○ 二选一的情况下,三元表达式结构更加简单
○ 三元表达式作为一个表达式参与程序时必须运算出结果才能参与,可以利用这个特点,将二选一结果赋值给一个变量
● 遇到给一个变量根据条件二选一赋值的情况,可以使用三元表达式

<script>  
    var a = 3;
    var b = a >= 3 ? true : false
    console.log(b); // true
</script>

扩展写法:
条件表达式 ? True : 条件表达式 ? True : False

<!-- helpFlag可为'1'或'2'或'' -->
<el-table-column label="是否需要总部协助" prop="helpFlag">
  <template v-slot="scope">
    <div>
        {{ scope.row.helpFlag === '1' ? '是' : scope.row.helpFlag === '2' ? '否' : scope.row.helpFlag }}
    </div>
    </template>
</el-table-column>

Simon
1 声望0 粉丝

学以致用, 日益精进