JavaScript:三元表达式详解

文章目录

  • 三元表达式
    • 语法结构
    • 执行思路


三元表达式

如名字表示的三元运算符需要三个操作数。
语法为:条件表达式?表达式1:表达式2。
说明:问号前面的位置是判断的条件,判断结果为bool型,为true时调用表达式1,为false时调用表达式2。
其逻辑为:“如果条件表达式成立或者满足则执行表达式1,否则执行第二个。”常用在设置默认值,例如某个值不一定存在,则判断这个值是否存在,不存在给默认值(表达式2)。

语法结构

表达式1 ? 表达式2 : 表达式3;

执行思路

 如果表达式1为 true ,则返回表达式2的值,如果表达式1为 false,则返回表达式3的值
 简单理解: 就类似于 if else (双分支) 的简写

<script>
        //1.有三元运算符组成的式子我们称为三元表达式
        //2.++num 一元表达式  3+5 ?:
        //3.语法结构
        //条件表达式  ? 表达式1:表达式2
        //4.执行思路
        //如果条件表达式结果为真 则返回表达式1 的值 如果表达式结果为假 则返回表达式二的值
        var num = 10;
        var result = num > 5 ? '是的' : '不是的';
        console.log(result);


        //数字 补0案例
        // 要求:用户输入数字,如果数字小于10在前面补0,比如01,09,如果数字对于10,则不需要补,不如20.
        var num1 = prompt('请输入一个数字:');
        var result1 = num1 < 10 ? '0' + num1 : num1;
        alert(result1);
    </script>

你可能感兴趣的:(javascript,三元表达式)