📜  JavaScript切换语句(1)

📅  最后修改于: 2023-12-03 15:31:48.099000             🧑  作者: Mango

JavaScript 切换语句

在开发过程中,有时候需要根据条件执行不同的操作,这时候就需要用到切换语句。JavaScript 中有三种切换语句:if...else 语句、switch 语句和 ternary 运算符。

if...else 语句

if...else 语句是一种条件语句,用于在满足条件时执行一段代码块,如果条件不满足,则执行另外一段代码块。

语法:

if (condition) {
  // code to be executed if condition is true
} else {
  // code to be executed if condition is false
}

实例:

例如,下面的代码将根据用户的年龄显示不同的消息:

var age = 18;

if(age < 18){
    console.log("未成年人,不得入内");
}else {
    console.log("欢迎光临");
}

输出结果为:欢迎光临

switch 语句

当你需要测试一个变量等于多个值时,可以使用 switch 语句。它类似于 if...else 语句,但是可以匹配多个值。

语法:

switch(expression){
  case value1:
    // code to be executed if expression === value1
    break;
  case value2:
    // code to be executed if expression === value2
    break;
  
  /* ... */
  
  default:
    // code to be executed if expression is not equal to all values
    break;
}

实例:

如果我要根据今天是星期几输出不同的消息,可以使用 switch 语句:

var day = new Date().getDay();
var message;

switch(day){
  case 0:
    message = "今天是星期日";
    break;
  case 1:
    message = "今天是星期一";
    break;
  case 2:
    message = "今天是星期二";
    break;
  case 3:
    message = "今天是星期三";
    break;
  case 4:
    message = "今天是星期四";
    break;
  case 5:
    message = "今天是星期五";
    break;
  case 6:
    message = "今天是星期六";
    break;
  default:
    message = "错误的日期";
    break;
}

console.log(message);

输出结果为:今天是星期X

ternary 运算符

ternary 运算符是 JavaScript 中的一种简单的条件语句,它将 if...else 语句转换成一行代码。

语法:

condition ? first_expression : second_expression;

实例:

比如说我要判断一个数是不是偶数,可以使用 ternary 运算符:

var number = 7;
var result = number % 2 === 0 ? "偶数" : "奇数";
console.log(result);

输出结果为:奇数

以上就是 JavaScript 中的三种切换语句:if...else 语句、switch 语句和 ternary 运算符。在开发中,我们要根据实际需要灵活应用它们。