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

首页 > 网络编程 > JavaScript > 基础知识 更新日期: 2015-05-26
这篇文章主要介绍了JavaScript中的条件判断语句使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下

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

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>

这将产生以下结果:

Maths Book


> 本站内容系网友提交或本网编辑转载,其目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请及时与本网联系,我们将在第一时间删除内容!

相关文章
  • 详解C++编程中的条件判断语句if-else与switch的用法
    这篇文章主要介绍了C++编程中的条件判断语句if-else与switch的用法,是C++入门学习中的基础知识,需要的朋友可以参考下if-else 语句控制条件分支.语法 if ( expression ) statement1 [else statement2] 备注如果 expression 的值不为零,执行 statement1 .如果选项 else 存 ...
  • 详解Python中的条件判断语句
    详解Python中的条件判断语句
    这篇文章主要介绍了Python中的条件判断语句,是Python入门中的基础知识,需要的朋友可以参考下 一个else语句可以使用if语句结合起来.如果在if语句中的条件表达式解析为0或false值,那么else语句包含代码执行. else语句是可选的声明,并if语句下面最多只有一个else语句.语法: if ... else语句的语法是: if express ...
  • Python中的条件判断语句基础学习教程
    这篇文章主要介绍了Python中的条件判断语句基础学习教程,文中使用的是Python2.x版本但条件语句部分的使用规则未在3.x中改变,需要的朋友可以参考下if语句用来检验一个条件, 如果 条件为真,我们运行一块语句(称为 if-块 ), 否则 我们处理另外一块语句(称为 else-块 ). else 从句是可选的. 使用if语句: #!/usr/bin/p ...
  • JavaScript中的Repaint和Reflow用法详解
    JavaScript中的Repaint和Reflow用法详解
    这篇文章主要介绍了JavaScript中的Repaint和Reflow用法详解,是JS入门学习中的基础知识,需要的朋友可以参考下你是不是经常听师兄或一些前端前辈说不能用CSS通配符 *,CSS选择器层叠不能超过三层,CSS尽量使用类选择器,书写HTML少使用table,结构要尽量简单-DOM树要小....等这些忠告,以前我就大概知道使用通配符或者CSS选择器 ...
  • JavaScript中的原型prototype属性使用详解
    这篇文章主要介绍了JavaScript中的原型prototype属性使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下 prototype属性可以将属性和方法添加到任何对象(Number, Boolean, String 和Date等). 注:原型(Prototype)是一个全局的属性,它可以使用在几乎所有的对象.语法 object.prototyp ...
猜你喜欢