今天我们学习一下条件 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语句，所以我要分享给你们，希望可以帮助到你们。
以上就是我的分享，新手上道，请多多指教（大神勿喷）。
267
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
