Javascript - Switch语句

首页 / JavaScript入门教程 / Javascript - Switch语句

从JavaScript 1.2开始,您可以使用 switch 语句来处理这种情况,它比重复的 if ... else if 语句更有效。

流程图

以下流程图说明了switch-case语句的工作原理。

Switch case

switch 语句的目的是给出一个要求值的表达式,并根据表达式的值执行多个不同的语句。解释器会根据表达式的值检查每个 case 条件 ,直到找到匹配项,如果没有匹配项,将使用默认(default)条件。

switch (expression) {
   case condition 1: statement(s)
   break;
   
   case condition 2: statement(s)
   break;
   ...
   
   case condition n: statement(s)
   break;
   
   default: statement(s)
}

break 语句指示特定案例的结束,如果省略它们,则在以下每种情况下,解释器将继续执行每个语句。

请尝试以下示例来实现switch-case语句。

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var grade = 'A';
            document.write("Entering switch block<br />");
            switch (grade) {
               case 'A': document.write("Good job<br />");
               break;
            
               case 'B': document.write("Pretty good<br />");
               break;
            
               case 'C': document.write("Passed<br />");
               break;
            
               case 'D': document.write("Not so good<br />");
               break;
            
               case 'F': document.write("Failed<br />");
               break;
            
               default:  document.write("Unknown grade<br />")
            }
            document.write("Exiting switch block");
         //-->
      </script>      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

运行上面代码输出

链接:https://www.learnfk.comhttps://www.learnfk.com/javascript/javascript-switch-case.html

来源:LearnFk无涯教程网

Entering switch block
Good job
Exiting switch block
Set the variable to different value and then try...

break语句在switch-case语句中起主要作用,请尝试以下使用switch-case语句而不使用任何break语句的代码。

<html>
   <body>      
      <script type = "text/javascript">
         <!--
            var grade = 'A';
            document.write("Entering switch block<br />");
            switch (grade) {
               case 'A': document.write("Good job<br />");
               case 'B': document.write("Pretty good<br />");
               case 'C': document.write("Passed<br />");
               case 'D': document.write("Not so good<br />");
               case 'F': document.write("Failed<br />");
               default: document.write("Unknown grade<br />")
            }
            document.write("Exiting switch block");
         //-->
      </script>      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

运行上面代码输出

链接:https://www.learnfk.comhttps://www.learnfk.com/javascript/javascript-switch-case.html

来源:LearnFk无涯教程网

Entering switch block
Good job
Pretty good
Passed
Not so good
Failed
Unknown grade
Exiting switch block
Set the variable to different value and then try...

这一章《Javascript - Switch语句》你学到了什么?在下面做个笔记吧!做站不易,你的分享是对我们最大的支持

好记忆不如烂笔头。留下你的足迹吧 :)

相关推荐

人工智能基础课 -〔王天一 - 〕

消息队列高手课 -〔李玥 - 〕

手把手教你玩音乐 -〔邓柯 - 〕

说透5G -〔杨四昌 - 〕

数组值未正确更新

第三个元素后 HTML CSS 时间轴对齐失败

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'then') when using useNavigate

Javascript D3 嵌套 lambda 函数混淆

Javascript - 更新输入值后按回车键

有没有办法在给定一组值的情况下创建动态范围,并计算每个范围有多少

视频推荐

JavaScript - 06-递增运算符练习 更多视频教程 »