今天我们学习一下条件 Switch 语句,说一下switch和if的不同(因为上一章发布了if嘛),switch 语句专门用来设计多分支条件结构。与 else/if 多分支结构相比,switch 结构更简洁,执行效率更高。switch 语句根据表达式 expr 的值,依次与 case 后表达式的值进行比较,如果相等,则执行其后的语句段,只有遇到 break 语句,或者 switch 语句结束才终止;如果不相等,则继续查找下一个 case。switch 语句包含一个可选的 default 语句,如果在前面的 case 中没有找到相等的条件,则执行 default 语句,它与 else 语句类似。
好了看代码:
<body>
<p>一个合格的程序猿,基本要学会这几本书:</p>
<ul style="list-style: none;">
<li>1.深入理解操作系统</li>
<li>2.编译原理</li>
<li>3.数据库导论</li>
<li>4.算法导论</li>
<li>5.计算机组成原理</li>
<li>6.现代操作系统</li>
<li>7.操作系统导论</li>
<li>8.数据结构与算法</li>
<li>9.计算机网络</li>
</ul>
<input type="number" id="input"> <!-- 接受用户输入的数值 -->
<button onclick="bot()">我想要这个</button> <!--添加事件,进行判断 -->
<script>
function bot()
{
var i = document.getElementById("input").value; //接受数值
switch (i) {
case "1":
console.log("恭喜你获得:“深入理解操作系统”");
break;
case "2":
console.log("恭喜你获得:“编译原理”");
break;
case "3":
console.log("恭喜你获得:“数据库导论”");
break;
case "4":
console.log("恭喜你获得:“算法导论”");
break;
case "5":
console.log("恭喜你获得:“计算机组成原理”");
break;
case "6":
console.log("恭喜你获得:“现代操作系统”");
break;
case "7":
console.log("恭喜你获得:“操作系统导论”");
break;
case "8":
console.log("恭喜你获得:“数据结构与算法”");
break;
case "9":
console.log("恭喜你获得:“计算机网络”");
break;
default:
console.log("如果你全部看完而且了解,恭喜你!!
你以是大牛!!!")
break;
}
}
</script>
</body>
我们从代码中可以了解switch条件语句的格式:
switch(表达式)
{
case n:
代码块
break;
case n:
代码块
break;
case n:
代码块
break;
.......
default:
默认代码块
}
这是我所学到的switch语句,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教(大神勿喷)。