关于javascript:三元表达式及其扩展写法

43次阅读

共计 728 个字符,预计需要花费 2 分钟才能阅读完成。

● 又叫三元运算符,必须有三个操作数参加的运算
● 操作符号:? :
● 表达式:在参加 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>

正文完
 0