GIF动态图教程-JS语言9-switch语句(实例)

时间:2024-10-11 23:07:23

1、假设一道题目有A、B、C、D、E,五个答案。只有一个为正确答案。可以用 if...else if语句粕盘镱嘧编写。var i = "E"; if( i === "A") { document.write("回答错误"); } else if( i === "B") { document.write("回答错误"); } else if( i === "C") { document.write("回答错误"); } else if( i === "D") { document.write("回答错误"); } else if( i === "E") { document.write("回答正确"); }

GIF动态图教程-JS语言9-switch语句(实例)

2、上一步的代码虽然能够解谛忖认噤决问题,但是代码过长,阅读不方便、编辑也麻烦。我们可以优化这种需求,如图所示,跟上面一样的功能。switch把()里面的i值与case 后面的值进行比较,如果匹配成功就执行代码,一旦匹配成功,用break语句退出程序,就算下面还有代码也不会执行。var i = "E"; switch(i) { case "A": document.write("回答错误"); break; case "B": document.write("回答错误"); break; case "C": document.write("回答错误"); break; case "D": document.write("回答错误"); break; case "E": document.write("回答正确"); break; }

3、break语句是用来退出switch语句的。普通情况下,每个case语句后面都要跟break语句,不然就算匹配成功程序也会继续执行,直到遇到break语句,如图操作。

GIF动态图教程-JS语言9-switch语句(实例)

4、switch语句是if语句的优化版,优化版不是说比if语句重要,而是有些需求用switch语句代码更简洁,所以switch语句可以在最末尾添加default语句,跟if语句中的else语句一模一样的功能,以执行没有任何匹配情况下的代码。

GIF动态图教程-JS语言9-switch语句(实例)

5、当一道题目选A、B、C其中一个都是正确答案,那用switch语句代码更少,如图所示,如果用if语句将会代码增加很多。为什么如此,请参考上述break的特性。

GIF动态图教程-JS语言9-switch语句(实例)

6、(?:)条件运算符,先计算?之前的表达式,如果为true,则返回:前面的值,否则返回:后面的值,如图所示,(i === "对") ? "回答正确": "回答错误";。运算步骤如下:1、"对" === "对" ? "回答正确": "回答错误";2、true ? "回答正确": "回答错误";3、所以结果返回,回答正确。

GIF动态图教程-JS语言9-switch语句(实例)
© 手抄报圈