Day14:终於要进去新手村了-Javascript-判断式基本结构-switch

我们上篇有讲到判断式有两种语法,这次要说到的就是switch这个语法了。

这个语法适合用在多重判断上面,会搭配case跟 break做使用

基本架构如下:

switch (输入进来的条件) {
  case "与输入条件做比对,符合会执行,不符合会往下个case做判断":
    执行内容
    break;
  case "与输入条件做比对,符合会执行,不符合会往下个case做判断":
    执行内容
    break;
    ...
  default:
    以上没有符合的条件,会执行的内容
    break;
}

break的用途就是跳出整个switch的判断式,如果说要让执行内容接连执行,可以把break拿掉,
如果想要让他完全不符合就跳过不执行,也可以拿掉default,简单来说就是以上架构也可以配合不同需求做调整

比如说:

switch ("b"){
  case "a":
    alert("aaa");
    break;
  case "b":
    alert("bbb");

  case "c":
    alert("ccc");

  case "d":
    alert("ddd");
    break;
  case "e":
    alert("eee");
    break;  
}

因为我把b跟c的break拿掉,上方比对条件我设定为b,所以上面的程序码执行後会跳出三个警告视窗,
分别是bbb、ccc、ddd,因为我在case "d"的地方设定了break,所所case "d"执行完後会跳出判断式,不会往下执行case "e",这种方式也被称为 Fall-Through。

参考来源:
https://www.fooish.com/javascript/switch-case.html
https://www.wibibi.com/info.php?tid=187
https://medium.com/%E9%A6%AC%E6%A0%BC%E8%95%BE%E7%89%B9%E7%9A%84%E5%86%92%E9%9A%AA%E8%80%85%E6%97%A5%E8%AA%8C/js-%E5%88%A4%E6%96%B7%E7%AD%86%E8%A8%98-%E9%81%8B%E7%AE%97%E5%AD%90-if-switch-a9f5e535835b


<<:  [Day14] 第十四章-使用JWT token来验证user跟登出api

>>:  15 | WordPress 社交网路服务图示 Social Icons Block

Day07 - Docker 101 容器操作篇

前言 Docker 的学习主要可分为容器操作及 Image 建置两部分,今天透过一些简单的 Lab ...

TableView与Tap手势冲突解决 Day28

今天介绍一个Tap手势跟UITableView发生冲突的问题 使用UITableView作为显示,当...

Day 28 |> Elixir 并行性 (二)

spawn 利用上一篇提到的 spawn 跟 send,可以做以下这个简单的范例,我们用Test.s...

[Day 28] 资料产品开发实务 - 非机器学习模型

模型当然也有纯理论的介绍方法,但实务上是很难单谈模型的,今天这篇会介绍过去常用、也满泛用的不需要使用...

Day2 让我们开始吧

工欲善其事,必先利其器,好的开始是成功的一半~ 今天来把要使用的环境建立好 这次我选用的是线上编辑器...