`

JavaScript中的if语句与switch语句介绍与比较

阅读更多
JavaScript 中的If条件语句用于完成不同条件下的行为。

实例

If 语句

<html>
<body>

<p>本例演示 If 语句。</p>

<p>如果浏览器时间小于 11,那么会向您问“早安”。</p>

<script type="text/javascript">
var d = new Date()
var time = d.getHours()

if (time < 11)
{
document.write("<b>早安</b>")
}
</script>

</body>
</html>


If...else 语句

<html>
<body>

<script type="text/javascript">
var d = new Date()
var time = d.getHours()

if (time < 10)
{
document.write("<b>早安</b>")
}
else
{
document.write("<b>祝您愉快</b>")
}
</script>

<p>本例演示 If...Else 语句。</p>

<p>如果浏览器时间小于 10,那么会向您问“早安”,否则会向您问候“祝您愉快”。</p>

</body>
</html>

If..else if...else 语句

条件语句

在您编写代码时,经常需要根据不同的条件完成不同的行为。可以在代码中使用条件语句来完成这个任务。

在 JavaScript 中,我们可以使用下面几种条件语句:

if 语句
    在一个指定的条件成立时执行代码。
if...else 语句
    在指定的条件成立时执行代码,当条件不成立时执行另外的代码。
if...else if....else 语句
    使用这个语句可以选择执行若干块代码中的一个。
switch 语句
    使用这个语句可以选择执行若干块代码中的一个。

If 语句

如果希望指定的条件成立时执行代码,就可以使用这个语句。

语法:

if (条件)
{
条件成立时执行代码
}

注意:请使用小写字母。使用大写的 IF 会出错!
实例 1

<script type="text/javascript">
//Write a "Good morning" greeting if
//the time is less than 10

var d=new Date()
var time=d.getHours()

if (time<10)
{
document.write("<b>Good morning</b>")
}
</script>

实例 2

<script type="text/javascript">
//Write "Lunch-time!" if the time is 11

var d=new Date()
var time=d.getHours()

if (time==11)
{
document.write("<b>Lunch-time!</b>")
}
</script>

注意:请使用双等号 (==) 来比较变量!

注意:在语法中没有 else。仅仅当条件为 true 时,代码才会执行。
If...else 语句

如果希望条件成立时执行一段代码,而条件不成立时执行另一段代码,那么可以使用 if....else 语句。
语法:

if (条件)
{
条件成立时执行此代码
}
else
{
条件不成立时执行此代码
}

实例

<script type="text/javascript">
//If the time is less than 10,
//you will get a "Good morning" greeting.
//Otherwise you will get a "Good day" greeting.

var d = new Date()
var time = d.getHours()

if (time < 10)
{
document.write("Good morning!")
}
else
{
document.write("Good day!")
}
</script>

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

当需要选择多套代码中的一套来运行时,请使用 if....else if...else 语句。
语法:

if (条件1)
{
条件1成立时执行代码
}
else if (条件2)
{
条件2成立时执行代码
}
else
{
条件1和条件2均不成立时执行代码
}

实例:

<script type="text/javascript">

var d = new Date()
var time = d.getHours()

if (time<10)
{
document.write("<b>Good morning</b>")
}
else if (time>10 && time<16)
{
document.write("<b>Good day</b>")
}
else
{
document.write("<b>Hello World!</b>")
}
</script>

switch 语句

switch 语句是 if 语句的兄弟语句。

开发者可以用 switch 语句为表达式提供一系列的情况(case)。

switch 语句的语法:

switch (expression)
  case value: statement;
    break;
  case value: statement;
    break;
  case value: statement;
    break;
  case value: statement;
    break;
...
  case value: statement;
    break;
  default: statement;

每个情况(case)都是表示“如果 expression 等于 value,就执行 statement”。

关键字 break 会使代码跳出 switch 语句。如果没有关键字 break,代码执行就会继续进入下一个 case。

关键字 default 说明了表达式的结果不等于任何一种情况时的操作(事实上,它相对于 else 从句)。

switch 语句主要是为避免让开发者编写下面的代码:

if (i == 20)
  alert("20");
else if (i == 30)
  alert("30");
else if (i == 40)
  alert("40");
else
  alert("other");

等价的 switch 语句是这样的:

switch (i) {
  case 20: alert("20");
    break;
  case 30: alert("30");
    break;
  case 40: alert("40");
    break;
  default: alert("other");
}

JavaScript 和 Java 中的 switch 语句

JavaScript 和 Java 中的 switch 语句有两点不同
。在 JavaScript 中,switch 语句可以用于字符串,而且能用不是常量的值说明情况

var BLUE = "blue", RED = "red", GREEN  = "green";

switch (sColor) {
  case BLUE: alert("Blue");
    break;
  case RED: alert("Red");
    break;
  case GREEN: alert("Green");
    break;
  default: alert("Other");
}

这里,switch 语句用于字符串 sColor,声明 case 使用的是变量 BLUE、RED 和 GREEN,这在 JavaScript 中是完全有效的。



分享到:
评论

相关推荐

    javaif语句和switch语句.doc

    javaif语句和switch语句.doc

    JavaScript if…Else 语句

    JavaScript if…Else 语句 条件语句用于基于不同的条件来执行不同的动作。 条件语句 通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。 在 JavaScript 中,我们...

    Javascript流程控制语句

    学习要点: 1.语句的定义 2.if 语句 3.switch 语句 4.do...while 语句 5.while 语句 6.for 语句 7.for...in 语句 8.break 和continue 语句 9.with 语句

    javascript中的if语句使用介绍

    在javascript中的一些选择语句: 1、if语句 当指定条件为true的时候,就执行该条件的代码。 2、if…else…语句 当该语句指定条件为true时则执行该代码,如果当条件执行为false时则执行其他代码。 3、if…else if…...

    飞雀教育JavaScript知识点:Switch 语句

    在HTML5应用中,JavaScript是必学的编程语言。JavaScript可用于 HTML 和 web,还可用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。而JavaScript的Switch 语句是需要开发者掌握的知识。

    JavaScript中switch语句的用法详解

    使用JavaScript1.2开始,你可以用它处理的正是这种情况,使用一个switch语句,它这样做更有效,如果不是反复地使用if… else if语句。 语法 switch语句的基本语法给出一个expression ,以评估计算几种不同的语句基于...

    WEB开发 之 JavaScript Switch 语句.docx

    WEB开发 之 JavaScript Switch 语句.docx

    switch语句通过用户输入的年龄判断年龄段并输出

    javascript,switch语句,判断年龄段

    JavaScript程序设计switch选择语句共2页.p

    JavaScript程序设计switch选择语句共2页.pdf.zip

    javascript教案 JavaScript基础

    javascript教案 JavaScript基础 【实例简介】javascript教案 ...2.6.2 switch 语句 19 2.7 循环语句 20 2.7.1 For循环语句 21 2.7.2 while循环 22 2.7.3 for...i javascript教案 JavaScript基础

    switch语句.pdf

    switch语句 switch语句是一种流程控制语句,用于根据不同的条件执行不同的代码块。在Java、C、C++、JavaScript等编程语言中,switch语句都扮演着重要的角色。

    JavaScript 动态网页实例 - 流程控制语句.rar

    if语句、switch语句、while语句、do-while 语句、for 语句,以及专门用于对象的 with 语句等。本文介绍常用语句及其变种的用法。 本文内容是JavaScript程序结构的框架,也是JavaScrip程序设计的基础。 学好流程控制...

    JavaScript switch语句使用方法简介

    这篇文章主要介绍了JavaScript switch语句使用方法简介,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 switch 语句用于基于不同条件执行不同动作。 switch...

    01 JavaScript基本语法.ppt

    目的: 如何将 JavaScript 嵌入到 HTML 中 ...多分支语句switch根据表达式的值,进入不同的分支执行 多分支语句switch根据表达式的值,进入不同的分支执行 数组 Array对象常用的属性是length,排序方法:sort

    javascript学习手册.zip

    javascript学习手册 JavaScript是一种广泛用于Web开发的编程语言,它可以用于创建动态和...条件语句和循环语句:JavaScript中的条件语句主要有if语句和switch语句,循环语句则包括for循环、while循环和do-while循环。

    【JavaScript源代码】vue3中轻松实现switch功能组件的全过程.docx

     编程语言里面,除了使用 if 语句来做条件判断,还有另外一个常用的就是 switch 了。 而在 vue 中,官方已经帮助我们实现了 v-if 这个指令,但是还没有 switch ,那我们能不能自己实现一个呢? 这篇文章就是来...

    邓炜PHP基本语法(三)流程控制语句

    大纲 ...if语句 ... (2)switch语句(多分支) (3)三元操作符 二、循环语句 (1)for循环 (2)while循环 (3)do…while循环 优酷网视频地址: http://v.youku.com/v_show/id_XMTYzMjcwNzg0.html

    JavaScript程序设计-switch选择语句.pdf

    JavaScript程序设计

Global site tag (gtag.js) - Google Analytics