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

在您写代码时，经常会需要基于不同判断执行不同的动作。
您可以在代码中使用条件语句来实现这一点。
在 JavaScript 中，我们可使用如下条件语句

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

if 语句

如果想让一个脚本在仅当条件是true时执行，可以使用if语句
语法:

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

示例：

1
2
3
4
var num = 1;
if(num === 1){
    console.log('num 真的等于 1');
}

输出

1
num 真的等于 1

else 语句

如果想在条件为true的时候执行脚本A，在条件为false的时候执行脚本B可以使用if…else语句。

语法：

1
2
3
4
5
if (条件) {
    // 脚本A，条件为 true 时执行的代码块
} else {
    // 脚本B，条件为 false 时执行的代码块
}

示例：

1
2
3
4
5
6
var elseVariable = 0;
if(elseVariable === 1){
    console.log('elseVariable 等于 1');
}else{
    console.log('elseVariable 不等于 1');
}

输出

1
elseVariable 不等于 1

也可以使用三元运算符：

1
2
var elseVariable = 0;
elseVariable === 1 ? console.log('elseVariable 等于 1') : console.log('elseVariable 不等于 1');

else if 语句

如果我们有多个脚本，可以多次使用if…else，根据不同条件执行不同的语句

语法：

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

示例：

1
2
3
4
5
6
7
8
9
10
var month = 5;
if (month === 1){
    console.log('一月');
}else if (month === 2){
    console.log('二月');
}else if (month === 3){
    console.log('三月')
}else {
    console.log('月份不是一月，也不是二月或三月');
}

输出：

1
月份不是一月，也不是二月或三月

switch

如果要判断的条件和上面的elseif一样，还可以使用switch语句

语法：

1
2
3
4
5
6
7
8
9
10
switch(表达式) {
     case n:
        代码块
        break;
     case n:
        代码块
        break;
     default:
        默认代码块
}

代码解释：

  • 计算一次 switch 表达式
  • 把表达式的值与每个 case 的值进行对比
  • 如果存在匹配，则执行关联代码

示例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var month = 5;
switch (month) {
    case 1:
        console.log('一月');
        break;
    case 2:
        console.log('二月');
        break;
    case 3:
        console.log('三月')
        break;
    default:
        console.log('月份不是一月，也不是二月或三月');
}

输出：

1
月份不是一月，也不是二月或三月