原生js switch语句

一、我们在流判断的时候，我们大多数的情况我使用if else 语句。但是对于一些大量的逻辑的判断的时候，我们不建议使用if elseif语句这种语句的效率执行不高，因为他每个expression 都需要进行计算判断，而switch case语句，在效率上更比if语句更高

其原理他本身根据生成的静态表，通过索引进行匹配效率高于if语句。

执行流程：

switch （expression){

case value1:

statement

break

case value2：

statement

break

.......

default:

statement

}

首先执行switch内的expression，计算值，然后进行case进行判断。匹配到case，执行对应的statement 如果有break，则跳出switch语句，如果没有则执行剩下的case语句，最后执行default 内的语句。如果带有break的，当匹配执行完case的时候，不会执行default 语句。如果

没有匹配到case最后执行default语句。

需要注意：switch语句的case匹配是全等匹配。不存在类型转换这点不同于if语句。

 <!DOCTYPE html>

 <html>

 <head>

     <title></title>

 </head>

 <body>

 <script type="text/javascript">

     var  date=new Date();

     switch(date.getDate()){

         case :

         alert();

         case :

         alert();

         case :

         alert();

         case :

         alert()

         case :

         alert()

         default:

         alert('default')

     }

 </script>

 </body>

 </html>

如上switch语句，如果没有break的语句。在执行完的匹配的执行语句的时候，还会执行default语句。

加上break则匹配到case语句之后，不会执行default语句。此时default语句相当于if中的else部分。

 <!DOCTYPE html>

 <html>

 <head>

     <title></title>

 </head>

 <body>

 <script type="text/javascript">

     var  date=new Date();

     switch(date.getDate()){

         case :

         alert();

         break;

         case :

         alert();

         break;

         case :

         alert();

         break;

         case :

         alert();

         break;

         case :

         alert();

         break;

         default:

         alert('default')

     }

 </script>

 </body>

 </html>

一般的情况下我们会用switch做一些值的判断，当然我们可以进行逻辑的判断：

 <!DOCTYPE html>

 <html>

 <head>

     <title></title>

 </head>

 <body>

 <script type="text/javascript">

 var num=;

 switch(true){

     case num>:

     alert("大于24！");

     break;

     case num<&&num>:

     alert("大约20，小于24！");

     break;

     case num===:

     alert("等于24");

     break;

     default:

     alert("判断不了")

 }

 </script>

 </body>

 </html>

巴特西

原生js switch语句

最新文章

热门文章