JavaScript 条件运算符语法

妖狐艹你老母 2022-11-21 03:55 186阅读 0赞

### 条件运算符 ###

条件运算符也叫三元运算符  
语法：?:  
条件表达式?语句1:语句2；

- 执行的流程
                条件运算符在执行时，首先对条件表达式进行求值，
                    如果该值为true，则执行语句1，并返回执行结果
                    如果该值为false，则执行语句2，并返回执行结果
                如果条件的表达式的求值结果是一个非布尔值，
                    会将其转换为布尔值然后再运算
    
        true?alert("语句1"):alert("语句2");

--------------------

> 获取a和b中的最大值

<script>
        var a = 30;
        var b = 20;
        var max = a > b ? a : b; 
        console.log("max = " +max); //返回: max = 30
    </script>

<script>
        var a = 30;
        var b = 43;
        var max = a > b ? a : b; 
        console.log("max = " +max); //返回: max = 43
    </script>

--------------------

> 获取a,b,c三个值中的最大值

<script>
        var a = 30;
        var b = 43;
        var c = 50;
        var max = a > b ? a : b;
        max = max > c ? max : c; 
        console.log("max = " +max); //返回: max = 50
    </script>

<script>
        var a = 30;
        var b = 43;
        var c = 50;
        //这种写法不推荐使用，因为不方便阅读
        var max = a > b ? a > c ? a : c : b > c ? b : c;
        console.log("max = " +max); //返回: max = 50
    </script>

<script>
        var a = 30;
        var b = 143;
        var c = 50;
        //这种写法不推荐使用，因为不方便阅读
        var max = a > b ? a > c ? a : c : b > c ? b : c;
        console.log("max = " +max); //返回: max = 143
    </script>

<script>
        var a = 230;
        var b = 143;
        var c = 50;
        //这种写法不推荐使用，因为不方便阅读
        var max = a > b ? a > c ? a : c : b > c ? b : c;
        console.log("max = " +max); //返回: max = 230
    </script>

<script>
        var a = 230;
        var b = 143;
        var c = 50;
        //这种写法不推荐使用，因为不方便阅读
        var max = a > b ? (a > c ? a : c) : (b > c ? b : c);
        console.log("max = " +max); //返回: max = 230
    </script>

<script>
        "hello"?alert("语句1"):alert("语句2"); //返回：语句1
    </script>
    
    <script>
        ""?alert("语句1"):alert("语句2"); //返回：语句2
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，186人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript基础语法（运算符）

JavaScript基础语法（运算符）学习路线：[JavaScript基础语法（输出语句）][JavaScript]\->[JavaScript基础语法（变量）][Ja

Dear 丶/ 2024年03月31日 12:54/ 0 赞/ 69 阅读

相关 JavaScript（注释，数据类型，运算符,条件语句）

一注释 1.1 单行注释 //这是单行注释 1.2 多行注释 /\这是多行注释\/ 1.3 嵌套在HTML文件中注释  1.

野性酷女/ 2024年02月05日 20:52/ 0 赞/ 9 阅读

相关 go - 基础语法(运算符、条件语句、函数、循环语句)

运算符加减乘除自增自减与或非，逻辑与或非移位运算符、比较运算符运算符没有什么特别的，与c语言的相同，基本逻辑都是一样的；我特意试了试

小灰灰/ 2023年01月07日 01:28/ 0 赞/ 149 阅读

相关条件运算符的嵌套_条件运算符

条件运算符的嵌套 Conditional operators are used to evaluate a condition that's applied to one o

旧城等待，/ 2022年12月06日 15:47/ 0 赞/ 235 阅读

相关 JavaScript 条件运算符语法

条件运算符条件运算符也叫三元运算符语法：?: 条件表达式?语句1:语句2； - 执行的流程条件运算符在执行时，首先

妖狐艹你老母/ 2022年11月21日 03:55/ 0 赞/ 187 阅读

相关 16-JavaScript-基本语法-运算符-算术-关系-逻辑

基本语法-运算符 1. 算术运算符 ① + 加 ② - 减 ③ \ 乘 ④ / 除, 1/2=0.5 ⑤ % 取模 ⑥ ++

喜欢ヅ旅行/ 2022年09月18日 04:48/ 0 赞/ 169 阅读

相关 JavaScript -- 条件运算符

<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

今天药忘吃喽~/ 2022年06月02日 09:48/ 0 赞/ 230 阅读

相关 JavaScript 之条件（三目）运算符

条件运算符条件运算符是 ECMAScript 中功能最多的运算符，它的形式与 Java 中的相同。 variable = boolean\_expression ?

喜欢ヅ旅行/ 2022年04月22日 07:10/ 0 赞/ 256 阅读

相关 JavaScript基本语法：JS运算符

1. 在写这篇博客之前，写给出下面几个问题，请你们小试牛刀一下 \\ var a=10; var b1=a++; var b2

快来打我*/ 2022年04月22日 06:12/ 0 赞/ 240 阅读

相关 Java条件运算符（?:）

条件运算符的符号表示为“?:”，使用该运算符时需要有三个操作数，因此称其为三目运算符。使用条件运算符的一般语法结构为： 1. result=<expressi

浅浅的花香味﹌/ 2021年12月19日 20:27/ 0 赞/ 418 阅读