条件运算符 三元运算符

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //条件运算符也叫三元运算符
        //条件表达式 ? 语句1 : 语句2;
        //-执行流程:
        //     首先对条件表达式进行求值   若为true 则执行语句1  false则执行语句2  返回值
        // true ? alert(1) : alert(2); //执行alert(1)
        // false ? alert(1) : alert(2); //执行alert(2)
        // var a = 66;
        // var b = 88;
        // a > b ? alert('a') : alert('b'); //b
        // var a = 66;
        // var b = 88;
        // var c = 888;
        //获取a b中的最大值
        // var max = a > b ? a : b; //返回b

        //获取a b c中的最大值
        // var a = 66;
        // var b = 88;
        // var c = 888;
        // var max = a > b ? a : b;
        // max = max > c ? max : c;
        //      下面这种写法不推荐,不易阅读
        // var max = a > b ? (a > c ? a : c) : (b > c ? b : c); //888
        // console.log(max);

        // 'soga' ? alert(1): alert(2); //1
        // '0' ? alert(1): alert(2); //1
        // '' ? alert(1): alert(2); //2
        // null ? alert(1) : alert(2); //2
        // undefined ? alert(1) : alert(2); //2
        //总结  条件表达式若为非布尔值则会转换为布尔值,  '' null undefined为0  '0'、'hello'为1
    </script>
</body>

</html>
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页