`

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

    Java 语言中有两种选择语句:if 语句和 switch 语句。这两种语句允许程序员在程序执行时控制程序的执行过程。if 语句和 switch 语句是 Java 语言的基本控制结构,它们被广泛应用于各种程序中。 1. if 语句 if 语句...

    if条件语句、switch选择语.txt

    与`if` 语句不同的是,`switch` 语句可以处理多个条件而不需要嵌套多个`if` 语句。 #### 基本语法 ```javascript switch (变量) { case 值1: // 当变量等于值1时执行的代码 break; case 值2: // 当变量等于值...

    JavaScript中if与case比较

    ### JavaScript中的if与case语句比较 在编程中,选择合适的条件控制结构对于提高程序的可读性和执行效率至关重要。JavaScript提供了多种方式来处理条件逻辑,其中最常用的两种是`if`语句和`switch-case`语句。本文...

    if语句的优化

    在计算机编程中,`if`语句是最基本的控制结构之一,用于根据条件执行不同的代码块。随着软件工程的发展和技术的进步,优化`if`语句成为了提高程序性能、减少资源消耗以及提升代码可读性和可维护性的重要手段。本文将...

    Javascript流程控制语句

    JavaScript中的if语句有以下几种形式: 1. **简单if语句**: ```javascript if (条件表达式) { // 条件为真时执行的代码 } ``` 例如: ```javascript var box = 100; if (box &gt; 50) { alert('box大于50')...

    03JavaScript流程控制语句.docx

    在JavaScript中,流程控制语句是程序执行的关键组成部分,它们决定了代码的执行顺序和逻辑。以下是对JavaScript流程控制语句的详细说明: 1. 顺序结构:这是最基础的代码执行方式,代码按照编写时的顺序逐行执行,...

    switch语句

    在`js_switch语句练习`这个练习文件中,你可能会发现更多关于`switch`语句的实践案例,包括不同类型的比较、复合表达式的使用以及如何结合其他控制流结构(如`for`循环)来实现更复杂的逻辑。通过这样的练习,你可以...

    WEB开发 之 JavaScript Switch 语句.docx

    在JavaScript中,Switch语句的语法结构为:switch(n) { case 1: 执行代码块 1; break; case 2: 执行代码块 2; break; ... default: 执行默认代码块; }其中,n是要被判断的表达式,case后面是要比较的值,break是用于...

    javaScript语句大全2015

    在JavaScript中,`if...else`用于条件判断,`switch`语句提供了多分支选择。循环语句包括`for`、`while`和`do...while`,它们在处理重复任务时非常有用。此外,`break`和`continue`用于中断或跳过循环的当前迭代。 ...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册六:JS条件语句

    `switch`语句会尝试匹配一个值与多个可能的`case`,一旦匹配成功,就执行相应的代码块: ```javascript let day = 'Monday'; switch (day) { case 'Sunday': console.log('休息日'); break; case 'Monday': ...

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

    在JavaScript程序设计中,switch语句通常用于替代一系列if...else if...else语句,使得代码更加简洁、易于理解和维护。 1. **switch语句基本语法** switch语句的基本结构如下: ```javascript switch(表达式) { ...

    WEB开发 之 JavaScript If...Else 语句.docx

    本文主要讲解了JavaScript中的四种主要条件语句:if语句、if...else语句、if...else if...else语句以及switch语句。 1. **if语句**: if语句用于检查一个条件,如果条件为真(true),则执行特定的代码块。基本...

    JavaScript流程控制语句.docx

    switch语句提供了一种更简洁的方式来处理多分支选择。它的工作原理是检查一个表达式(通常是一个变量)是否与某个特定的值相匹配。基本语法如下: ```javascript switch(n){ case 值1: // 代码块1,当n等于值1...

    走前端学js练if语句.rar

    5. **switch语句**:作为if...else的替代,处理多个可能的分支。 6. **数组和对象的条件检查**:检查数组中是否存在某个元素,或者对象属性的值满足条件。 7. **函数和条件**:在函数中使用if语句,根据参数值返回...

    107个javascript常用语句

    下面将详细介绍“107个JavaScript常用语句”中的关键知识点。 1. **变量声明**:JavaScript中使用`var`、`let`和`const`来声明变量。`var`是老式的声明方式,存在作用域问题;`let`和`const`是ES6引入的新特性,`...

    JavaScript流程控制语句[归纳].pdf

    此外,JavaScript还提供了switch语句,它允许根据多个可能的条件值来选择执行路径,常用于多分支决策: ```javascript switch (expression) { case value1: // 语句序列1 break; case value2: // 语句序列2 ...

    javaScript107个常用语句

    控制流程语句包括条件语句(如`if...else`,`switch`)和循环语句(如`for`,`while`,`do...while`)。这些语句允许根据特定条件执行代码块,或者重复执行一段代码直到满足特定条件。例如,`for`循环常用于迭代数组...

    JavaScript常用语句及语言参考

    通过《JavaScript 语言参考》中文版.chm和常用Javascript语句.doc,你可以找到更详细的解释和示例,进一步提升你的JavaScript技能。学习过程中,实践是关键,尝试编写小程序,理解并掌握这些概念,将助你在...

Global site tag (gtag.js) - Google Analytics