码迷,mamicode.com
首页 > Web开发 > 详细

JS基础_条件运算符

时间:2017-10-12 00:59:29      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:基础   语句   alert   ext   条件运算   max   运算符   div   class   

 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>

 

JS基础_条件运算符

标签:基础   语句   alert   ext   条件运算   max   运算符   div   class   

原文地址:http://www.cnblogs.com/ZHOUVIP/p/7653412.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!