js三元表达式

三元表达式

又叫三元运算符，必须有三个操作数参与的运算

操作符号：?    :

表达式：在参与 js 程序时，都必须先计算出表达式结果，才能参与后续程序

由于三元表达式具备了一些选择的效果，所以也是一种条件分支语句

三元表达式顾名思义，有三个元素组成的表达式。分别是：“条件”“真结果”“假结果”。

基本格式：条件?真结果:假结果

那么三元表达式是如何对应if…else语句的？
条件 ? 真结果 : 假结果
if(条件){真结果}else{假结果}

语法

boolean_expression ? true_value : false_value;

boolean_expression: 布尔表达式，表达式在参与三元运算中必须求得一个布尔类型的值，要么是 true，要么是 false，结果作为判断依据，判断到底去：前面的值还是后面的值

true_value：布尔表达式的值为真时，三元表达式的结果

false_value：布尔表达式的值为假时，三元表达式的结果

作用：根据布尔表达式的结果，如果为真，三元表达式结果就是真值，如果为假，三元表达式结果就是假值

示例：

<script>
    var num=prompt('输入数字');
    var res=num>4?'Yes':'no';
    alert(res);
</script>

<el-table-column
          align="center"
          prop="type"
          label="处置类型"
          style="width: 10%"
        >
          <template slot-scope="scope">
            {{
              scope.row.type == 1
                ? "线下加油"
                : scope.row.type == 2
                ? "充值油卡"
                : scope.row.type == 3
                ? "扫码加油"
                : scope.row.type == 4
                ? "转售"
                : scope.row.type == 5
                ? "续持"
                : scope.row.type == 6
                ? "退款"
                : ""
            }}</template
          >
        </el-table-column>

优点

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

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