JavaScript if…else 语句
下一篇: JavaScript Switch-Case语句
当在编写一个程序时，你总是需要为不同的决定来执行不同的动作。在这种情况下，你需要使用条件语句来使你的程序作出正确的决定。
JavaScript 支持条件语句，根据不同的条件，用来执行不同的操作。下面，我们将详细解释 if…else 语句。
if…else 语句流程图
下面展示了 if…else 语句工作的流程图。
JavaScript 支持如下几种形式的 if..else 语句：
if 语句
if…else 语句
if…else if… 语句
if 语句
if 语句是基本的控制语句，它允许 JavaScript 可以作出决定并有条件地执行语句。
语法
以下是 if 语句基本语法：
if (expression){
Statement(s) to be executed if expression is true
}
在这里解释下 JavaScript 表达式 expression 的作用。如果生成结果的值为 true，则执行给定的语句。如果表达式为 false，将不执行后面的语句。大多数时候，你可能会使用比较运算符来做出决定。
示例
试试下面的示例，了解如何使用 if 语句进行工作。
<html>
<body>
<script type="text/javascript">
<!--
var age = 20;
if( age > 18 ){
document.write("<b>Qualifies for driving</b>");
}
//-->
</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>
Output Qualifies for driving Set the variable to different value and then try...
if…else 语句:
if…else 语句是另一种形式的控制语句，它允许 JavaScript 更可控的方式执行语句。
语法
if (expression){
Statement(s) to be executed if expression is true
}else{
Statement(s) to be executed if expression is false
}
在这里 JavaScript 的 expression 表达式中，如果所得到的值为 true，那么将执行 if 后面的语句块。如果表达式为 false，则执行 else 给定的语句块。
示例
请尝试以下代码，以了解如何在 JavaScript 实现 if…else 语句。
<html>
<body>
<script type="text/javascript">
<!--
var age = 15;
if( age > 18 ){
document.write("<b>Qualifies for driving</b>");
}else{
document.write("<b>Does not qualify for driving</b>");
}
//-->
</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>
Output Does not qualify for driving Set the variable to different value and then try...
if…else if… 语句
if…else if… 语句是比 if…else 语句更加高级的形式， 允许 JavaScript 从几个条件中做出正确的决定。
语法
以下是 if…else…if语句的语法：
if (expression 1){
Statement(s) to be executed if expression 1 is true
}else if (expression 2){
Statement(s) to be executed if expression 2 is true
}else if (expression 3){
Statement(s) to be executed if expression 3 is true
}else{
Statement(s) to be executed if no expression is true
}
上面这段代码没什么特别之处。它只是一系列的 if 语句。语句执行基于 expression 表达式的布尔值，如果没有条件为 true，则执行 else 块里的语句。
示例
请尝试以下代码，以了解如何在 JavaScript 实现 if…else if… 语句。
<html>
<body>
<script type="text/javascript">
<!--
var book = "maths";
if( book == "history" ){
document.write("<b>History Book</b>");
}else if( book == "maths" ){
document.write("<b>Maths Book</b>");
} else if( book == "economics" ){
document.write("<b>Economics Book</b>");
} else{
document.write("<b>Unknown Book</b>");
}
//-->
</script>
<p>Set the variable to different value and then try...</p>
</body>
<html>
Output Maths Book Set the variable to different value and then try...
下一篇: JavaScript Switch-Case语句