JS基础_条件运算符

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script type="text/javascript">
 7             /*
 8              * 条件运算符也叫三元运算符
 9              *     语法:
10              *         条件表达式?语句1:语句2;
11              *     
12              * - 执行的流程:
13              *         
14              *         条件运算符在执行时,首先对条件表达式进行求值,
15              *             如果该值为true,则执行语句1,并返回执行结果
16              *             如果该值为false,则执行语句2,并返回执行结果
17              *         
18              *         如果条件的表达式的求值结果是一个非布尔值,会将其转换为布尔值然后再运算
19              */
20             
21             false?alert("语句1"):alert("语句2");
22             
23             
24             var a = 300;
25             var b = 143;
26             var c = 50;
27             a > b ? alert("a大"):alert("b大");
28             
29             //------------------------------------------------------------------------
30             
31             //获取a和b中的最大值
32             var max = a > b ? a : b;
33             
34             //获取a b c 中的大值
35             max = max > c ? max : c;
36             
37             //这种写法不推荐使用,不方便阅读
38             var max = a > b ? (a > c ? a :c) : (b > c ? b : c);
39             
40             console.log("max = "+max);//300
41             
42             //如果条件的表达式的求值结果是一个非布尔值,会将其转换为布尔值然后再运算
43             "hello"?alert("语句1"):alert("语句2");//弹出语句1
44             
45             ""?alert("语句1"):alert("语句2");//弹出语句2
46             
47             
48         </script>
49     </head>
50     <body>
51     </body>
52 </html>

 

posted @ 2017-10-11 23:05  星辰郎周  阅读(487)  评论(0编辑  收藏  举报