三元表达式及其扩展写法

• 又叫三元运算符，必须有三个操作数参与的运算
• 操作符号：? :

• 表达式：在参与 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>