Rumah > hujung hadapan web > tutorial js > javascript中switch语句和表达式使用实例详解

javascript中switch语句和表达式使用实例详解

伊谢尔伦
Lepaskan: 2017-07-18 14:54:56
asal
2637 orang telah melayarinya

stwith语句的格式一般如下:

 switch (expression){
     case value :statement1
         break;
     case value2 :statement2
         break;
     ....
         case value: statement
         break;
     default :statement;
Salin selepas log masuk

每个情况表示如果expression的值等于case ,则执行statament.

关键词 break使代码跳出switch。

如果没有关键词break,代码则继续执行下一个情况。关键词default是值所有表达式值不等于value值时,执行的结果。

  iwork = parseInt(prompt("请输入1-5的值"));
     switch (iwork) {
         case 1 :document.write("星期一")
             break;
         case 2 : "星期2"
             break;
         case 3 : "星期3"
             break;
         case 4 : "星期4"
             break;
         case 5 : "星期5"
             break;
         default :"要输入合理值";
Salin selepas log masuk

在js 中, 是可以直接使用String 类型。

使用实例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Author" CONTENT="oscar999"> 
<script> 
function funcSwitch(sFlag) 
{ 
switch(sFlag) 
{ 
case "Test1": 
alert("Test1"); 
break; 
case "Test2": 
alert("Test2"); 
break; 
default:; 
} 
} 
funcSwitch("Test2"); 
</script> 
</HEAD> 
<BODY> 
</BODY> 
</HTML>
Salin selepas log masuk

Case 对应的条件值也是变量

如果case 后面对应的不是一个字符串,而是一个变量的话。可以结合RegExp 达成。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Author" CONTENT="oscar999"> 
<script> 
var str1 = "Test1"; 
var str2 = "Test1"; 
function funcSwitch(sFlag) 
{ 
var regExp = new RegExp(sFlag); 
switch(true) 
{ 
case regExp.test(str1): 
alert("Test1"); 
break; 
case regExp.test(str2): 
alert("Test2"); 
break; 
default:; 
} 
} 
funcSwitch("Test1"); 
</script> 
</HEAD> 
<BODY> 
</BODY> 
</HTML>
Salin selepas log masuk

Atas ialah kandungan terperinci javascript中switch语句和表达式使用实例详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan