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

239 阅读 0 评论 158 点赞

我是靠谱客的博主懵懂星月，最近开发中收集的这篇文章主要介绍JavaScript中的条件判断语句使用详解，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

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

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

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

if 语句:

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

if (expression){
  Statement(s) to be executed if expression is true
}

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

<script type="text/javascript">
<!--
var age = 20;
if( age > 18 ){
  document.write("<b>Qualifies for driving</b>");
}
//-->
</script>

这将产生以下结果：

Qualifies for driving

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表达式求值。如果结果值是真实的，给定语句在if块（S），被执行。如果表达式是假，则定的else语句块被执行。
例子：

<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>

这将产生以下结果：

Does not qualify for driving

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

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

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语句，其中每个if之前的语句是else子句的一部分。声明是基于true条件执行的，如果非条件是true，那么else块执行。
例子：

<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>

这将产生以下结果：