[ Day 7 ] - 判断与流程控制

判断与流程控制

if 判断式

以白话文来说,就是『当符合某一个条件,就做某一件事』

语法范例:

if( 条件式 ) {
    条件式成立时执行的内容
}

以简单的例子来说,当 score = 70 ,以下的判断式则会印出『及格』

let score = 70;
if (score >= 60){
    console.log("及格");
}

if .. else 判断式

以白话文来说,就是『当符合某一个条件,就做某一件事,若前面不符合则做另一件事』

语法范例:

if( 条件式 ) {
    条件式成立时执行的内容
} else {
    前面不符合就执行的内容
}

以简单的例子来说,当 score = 70 ,以下的判断式则会印出『恭喜你及格』

let score = 70;
if (score >= 60){
    console.log("恭喜你及格");
} else (
    console.log("要多加油喔!");
);

switch 判断式

在写 if..else 可能会发生太多组的判断导致程序码太长不好维护
可以改用 switch 的方式撰写,语法如下

let rank = 1;
switch (rank) {
    case 1:
        console.log("金");
        break;
    case 2:
        console.log("银");
        break;
    case 3:
        console.log("铜");
        break;
    default:
        console.log("资料异常");
        break;
}

// 结果会显示为 金

从上面的范例简单来说,switch 会依据变数 rank 的值到大括号中找出对应的 case 选项,
执行对应项目内的指令,最後的 default 区块则是在所有的 case 都不符合时会执行的项目。

每一个 case 最後都有一个 break,是在告诉 JavaScript 要结束这一个 switch 指令了~

後记

在学习流程判断时,蛮推荐先画流程图,一方面确保思考方向的正确性,
也可以进一步确认流程的设计上会不会有卡住的问题,
流程图规划完成後,再依据流程图加上程序码!能更全面的理解整体流程

这是我的学习纪录,欢迎各路大神指点指教,我们下次见~


<<:  D08 / 怎麽做自己的 Modifier.padding? - Custom Layout Modifier

>>:  Day07 React之CSS样式设定

成员 12 人:我真的不想教新人,除非他真的很可爱

「这是个性很急,却也快不了的一整个世代。」 那,我们该改用什麽样的态度,跟年轻同事相处? 没有, 绝...

Day22

阵列名称就是阵列第一个元素的记忆体位置,同理函数名称也是程序码在记忆体的第一个位置,既然有了记忆体位...

【左京淳的JAVA学习笔记】第二章 阵列与列表

学习重点 一维阵列 多维阵列(阵列内含有阵列,形成多层结构) 列表(java.util.ArrayL...

Day 19 To Do List - 加入逻辑 2

第 19 天~ 昨天做到了,新增项目的部分, 像这样: 改变状态 当我们可以成功的展示新增的项目後,...

[DAY-26] 做有意义的事,不要便宜行事 / 说实话,或至少不要说谎

做有意义的事,不要便宜行事 Pursue what is meaningful (not what...