英文 | https://www.javascripttutorial.net/

译文 | 杨小爱

在上节中，我们学习了JavaScript 三元运算符，错过的小伙伴可以点击文章《【JavaScript 教程】第四章 程序流程02— 三元运算符使您的代码更简洁》进行学习。

那么，在今天的教程中，我们将一起来学习如何使用 JavaScript switch 语句来控制复杂的条件操作。

JavaScript  switch case语句简介

该switch语句是与if else语句类似的流控制语句。您使用switch语句来控制复杂的条件操作。

下面说明了该switch语句的语法：

switch (expression) {    case value_1:        statement_1;        break;    case value_2:        statement_2;        break;    case value_3:        statement_3;        break;    default:        default_statement;}

如果表达式等于值 (value_1, value_2, …)，switch 语句中的每个 case 都会执行相应的语句 (statement_1, statement_2,…)。

break 关键字导致执行跳出 switch 语句。如果省略 break 关键字，则代码执行将通过原始案例进入下一个case。

如果表达式不匹配任何值，则将执行 default_statement。它的行为类似于 if-else 语句中的 else 块。

以下流程图说明了 switch 语句。

您经常使用 switch语句来替换由if else链接在一起的复杂语句组成的语句。基本上，该switch语句等效于以下  if else语句。

 if (expression == value_1) {      statement_1;} else if (expression == value_2) {    statement_2;} else if (expression == value_3) {    statement_3} else {    default_statement;}

JavaScriptswitch case示例

下面的示例声明了一个名为day的变量，其值表示一周中的一天。该代码day使用switch语句根据变量的值输出一天的名称。

var day = 3;var dayName;switch (day) {    case 1:        dayName = 'Sunday';        break;    case 2:        dayName = 'Monday';        break;    case 3:        dayName = 'Tuesday';        break;    case 4:        dayName = 'Wednesday';        break;    case 5:        dayName = 'Thursday';        break;    case 6:        dayName = 'Friday';        break;    case 7:        dayName = 'Saturday';        break;    default:        dayName = 'Invalid day';}console.log(dayName); // Tuesday

在这种情况下，Tuesday记录到控制台窗口。

以下脚本演示了switch块中的语句如何通过。它根据输入的月份和年份输出一个月中的天数。

var year = 2016;var month = 2;var dayCount;switch (month) {    case 1:    case 3:    case 5:    case 7:    case 8:    case 10:    case 12:        dayCount = 31;        break;    case 4:    case 6:    case 9:    case 11:        dayCount = 30;        break;    case 2:        if (((year % 4 == 0) && !(year % 100 == 0))            || (year % 400 == 0))            dayCount = 29;        else            dayCount = 28;        break;    default:        dayCount = -1; // invalid month}
console.log(dayCount); // 29

这个怎么运作。

有四种情况：

• 如果月份是 1、3、5、7、8、10 或 12，则一个月的天数为 31。

• 如果月份是 4、6、9 或 11，则该月的天数为 30。

• 如果月份为 2，年份不是闰年，则天数为 28。如果年份为闰年，则天数为 29。

• 如果输入月份不在范围内，脚本会跳转到默认分支并将dayCount变量设置为 -1，表示无效月份。

总结

通过本教程的学习，您知道了如何使用 JavaScriptswitch case语句来控制脚本中复杂的条件分支。

学习更多技能

请点击下方公众号