JavaScript If...Else 语句

javascript if...else 语句

条件语句用于基于不同条件执行不同的动作。

 

1. 条件语句

在您写代码时,经常会需要基于不同判断执行不同的动作。

您可以在代码中使用条件语句来实现这一点。

在 javascript 中,我们可使用如下条件语句:

  • 使用 if 来规定要执行的代码块,如果指定条件为 true
  • 使用 else 来规定要执行的代码块,如果相同的条件为 false
  • 使用 else if 来规定要测试的新条件,如果第一个条件为 false
  • 使用 switch 来规定多个被执行的备选代码块

 

2. if 语句

请使用 if 语句来规定假如条件为 true 时被执行的 javascript 代码块。

语法

if (条件) {
    如果条件为 true 时执行的代码
} 

注释:if 使用小写字母。大学字母(if 或 if)会产生 javascript 错误。

范例

如果时间早于 18:00,则发出 "good day" 的问候:

if (hour < 18) {
    greeting = "good day";
}

如果时间早于 18 点,则 greeting 的结果将是:

good day

 

3. else 语句

请使用 else 语句来规定假如条件为 false 时的代码块。

if (条件) {
    条件为 true 时执行的代码块
} else { 
    条件为 false 时执行的代码块
}

范例

如果 hour 小于 18,创建 "good day" 问候,否则 "good evening":

if (hour < 18) {
    greeting = "good day";
 } else {
    greeting = "good evening";
 } 

greeting 的结果:


var hour = new date().gethours(); 
var greeting;
if (hour < 18) {
	greeting = "good day";
} else {
	greeting = "good evening";
}
document.getelementbyid("demo2").innerhtml = greeting;

 

4. else if 语句

请使用 else if 来规定当首个条件为 false 时的新条件。

语法

if (条件 1) {
    条件 1 为 true 时执行的代码块
} else if (条件 2) {
    条件 1 为 false 而条件 2 为 true 时执行的代码块
 } else {
    条件 1 和条件 2 同时为 false 时执行的代码块
}

范例

如果时间早于 10:00,则创建 "good morning" 问候,如果不是,但时间早于 18:00,则创建 "good day" 问候,否则创建 "good evening":

if (time < 10) {
    greeting = "good morning";
 } else if (time < 18) {
    greeting = "good day";
 } else {
    greeting = "good evening";
 } 

greeting 的结果:


var greeting;
var time = new date().gethours();
if (time < 10) {
	greeting = "good morning";
} else if (time < 20) {
	greeting = "good day";
} else {
	greeting = "good evening";
}
document.getelementbyid("demo3").innerhtml = greeting;

下一节:js switch 语句

js 教程

相关文章