JavaScript中的条件判断语句使用详解

这篇文章主要介绍了JavaScript中的条件判断语句使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下

在写一个程序，可能有一种情况，当你需要采用一个路径出给定两个路径。所以，需要使用条件语句，让程序来做出正确的决策和执行正确的行动。

JavaScript支持其用于执行根据不同的条件不同的操作条件语句。在这里，我们将解释if..else语句。

JavaScript支持if..else语句的形式如下：

if 语句

if...else 语句

if...else if... 语句.

if 语句:

if语句是基本的控制语句，它允许JavaScript来作出决定，有条件地执行语句。

语法:

1. if (expression){ 
2. Statement(s) to be executed if expression is true 
3. } 

这里的JavaScript表达式expression求值。如果得到的值是true，给定语句执行。如果表达式为假则声明将不执行。大部分的时间你会使用比较运算在使用决策时。

例子：

1. <script type="text/javascript"> 
2. <!-- 
3. var age = 20; 
4. if( age > 18 ){ 
5. document.write("<b>Qualifies for driving</b>"); 
6. } 
7. //--> 
8. </script> 

这将产生以下结果：

1. Qualifies for driving 

if...else 语句:

在if ... else语句是控制语句的下一个表单，允许JavaScript执行更可控语句。

语法

1. if (expression){ 
2. Statement(s) to be executed if expression is true 
3. }else{ 
4. Statement(s) to be executed if expression is false 
5. } 

这里JavaScript表达式求值。如果结果值是真实的，给定语句在if块(S)，被执行。如果表达式是假，则定的else语句块被执行。

例子：

1. <script type="text/javascript"> 
2. <!-- 
3. var age = 15; 
4. if( age > 18 ){ 
5. document.write("<b>Qualifies for driving</b>"); 
6. }else{ 
7. document.write("<b>Does not qualify for driving</b>"); 
8. } 
9. //--> 
10. </script> 

这将产生以下结果：

1. Does not qualify for driving 

if...else if... 语法:

在if...else if... .控制语句的一个层面推进的形式，JavaScript做正确的决策出了几个条件。

语法

1. if (expression 1){ 
2. Statement(s) to be executed if expression 1 is true 
3. }else if (expression 2){ 
4. Statement(s) to be executed if expression 2 is true 
5. }else if (expression 3){ 
6. Statement(s) to be executed if expression 3 is true 
7. }else{ 
8. Statement(s) to be executed if no expression is true 
9. } 

代码没有什么特别之处。这仅仅是一系列的if语句，其中每个if之前的语句是else子句的一部分。声明是基于true条件执行的，如果非条件是true，那么else块执行。

例子：

1. <script type="text/javascript"> 
2. <!-- 
3. var book = "maths"; 
4. if( book == "history" ){ 
5. document.write("<b>History Book</b>"); 
6. }else if( book == "maths" ){ 
7. document.write("<b>Maths Book</b>"); 
8. }else if( book == "economics" ){ 
9. document.write("<b>Economics Book</b>"); 
10. }else{ 
11. document.write("<b>Unknown Book</b>"); 
12. } 
13. //--> 
14. </script> 

这将产生以下结果：

1. Maths Book