JavaScript条件控制

程序的执行基本上是循序渐进的。程序的执行未必一定是由上到下,一行一行的执行。
有时内容会因为判断,或是设定条件来执行不同的内容,也就是控制程序的流程。
根据关系运算或逻辑运算的条件式,来判断程序执行的流程,依判断的结果执行不同的程序区块。
选择结构是经常使用的一种控制结构,JavaScript提供了「if…else」以及「switch...case」两种选择
让程序的执行有了更多的弹性和运用。

if…else条件叙述
如果条件运算式有两种以上不同的选择,则可以使用 if-else 叙述
格式如下

if (条件运算式) { 条件叙述; } else { 条件叙述; }:

if…else条件叙述主要是判断条件是否成立。当if条件运算式的值成立(true)时,才执行if 程序叙述内的程序,并跳过 else 内的叙述;若是当 if 条件运算式的值不成立 (false),则执行 else 内的程序叙述。

switch...case 多项选择条件叙述
switch是属於一个多项选择条件叙述,它会定义一个自订变数,而每一个执行区块会以case带一个条件值为开头。当该值等於switch所定义的变数时,即执行这个case中的程序区块。
简言之,想要根据变数或运算式的值来决定执行的程序时,就可以使用 switch...case 来叙述。

语法格式如下

switch (变数或运算式)
{
  case value1:
    程序叙述;
    break;
  case value2:
    程序叙述;****
    break;
    .
    .
  case valueN:
    程序叙述;
    break;
  default:
    程序叙述;
}


switch叙述中可以有任意数量的case叙述,value1-valueN是指用来比对的值。

在格式中有几项要注意的:

  1. switch後的自订变数与case後的条件值,资料形态要一致,才能用来比较。
  2. 在每一个case设定条件值该行最後要加上「:」。
  3. 每个程序区块最後要以break指令结束,此时程序会自动跳到程序区块的结构外继续完成动作。

<<:  AWS资料仓储

>>:  Day28-TypeScript(TS)的命名空间(Namespace)

Day 04-Terraform 也有 Backend?啥是 Terraform Backend 能吃吗?

Terraform 也有 Backend 之啥是 Terraform Backend 能吃吗? 课程...

【LeetCode】bit operation

还没写完 我个人认为,以面试来说不太会考位元运算的题目, 因为要在短时间内测出面试者的实力,有其他更...

D24 - 走!去浏览器偷听 Capturing & Bubbling

前言 这篇介绍 DOM Event Listener - 事件监听 (总觉得监听这个翻译很有抓奸的画...

Day20 - 轻前端 Vue - 复杂型别 object + object collection

Case01 View 内容如下: 内容跟 Day09 / Day12 差不多,主要是 js 多了 ...

Day 15 AWS云端实作起手式第五弹 建立流量负载分流Elastic Load Balancer (ELB)

在建置ELB前,我们先多做一个步骤去完成昨天URL重写的步骤。 步骤 10 更改S3的bucket ...