共计 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>
正文完
发表至: javascript
2021-12-01