Uncategorized

JS-If Else, Else if 條件判斷

眾多程式語言裡面, If Else 判斷式可說是最基礎的。

寫法邏輯上是一樣, 每一種語言他們的結構不一樣而已。

給小肝肝工程師一個支持喔~ 'V'  ETH/ERC20

<If Else 語法結構>

圖片來源 : 迷因工程

老實說, 上述迷因(meme) 已經清楚說道If Else 的運作規則

接下來我們開始講述If Else 的結構

< If Else 結構 >

if  (判斷條件) {

  條件成立時,預計要陳述出來的結果。
  
} else {

  條件不成立時,預計要陳述出來的結果。
}

<If Else 二分法判斷式>

範例前導:

湯尼的錢包內的金額數, 會影響他要去吃牛肉麵還是回家吃飯!

錢包有81元:
//錢包有81元
let wallet =81;


//如果錢包內 > 110元
if(wallet>=110){

    console.log("湯尼跑去吃牛肉麵");

} else {

//錢包內的錢不夠, 跑回家去吃媽媽煮的。
    console.log("湯尼錢不夠, 跑回家吃飯了");
}
錢包有120元:
//錢包有120元
let wallet =120;


//如果錢包內 > 110元
if(wallet>=110){

    console.log("湯尼跑去吃牛肉麵");

} else {

//錢包內的錢不夠, 跑回家去吃媽媽煮的。
    console.log("湯尼錢不夠, 跑回家吃飯了");
}

<If Else, Eles if 3分法 狀況判斷>

範例前導:

湯尼的錢包內的金額數, 會影響他要去吃牛肉麵又或者選擇次要的夜市牛排, 在不行的話就是回家吃飯!

錢包有85元:
//錢包有85元
let wallet =85;

if(wallet>=110){
    console.log("湯尼跑去吃牛肉麵");

} else if(wallet>=80){

    console.log("湯尼跑去吃夜市牛排了");

} else {

    console.log("湯尼錢不夠, 跑回家吃飯了");

}
  • else if 不管如何都一定會執行
錢包有75元:
//錢包有75元
let wallet =75;

if(wallet>=110){
    console.log("湯尼跑去吃牛肉麵");

} else if(wallet>=80){

    console.log("湯尼跑去吃夜市牛排了");

} else {

    console.log("湯尼錢不夠, 跑回家吃飯了");

}

< Else if 多個狀況判斷 >

< Else if 結構 >

if  (首要判斷條件) {

  首要條件成立時,預計要陳述出來的結果。

else if (判斷條件01) {

  條件01成立時,預計要陳述出來的結果。
}
  
else if (判斷條件02) {

  條件02成立時,預計要陳述出來的結果。
}

else if (判斷條件03) {

  條件03成立時,預計要陳述出來的結果。

}

} else {

  首要條件不成立時,預計要陳述出來的結果。
}

當你需要判斷很多種的狀態時, 當然就用非常手段了

( 拜託, 在公司內不要這樣用黑! )

範例前導:

湯尼的錢包內的金額數, 面對眾多選擇時的寫法。

let wallet =82;

//底下預留給各位自己更改 前置條件。

//console.log(wallet >=120);
//console.log(wallet >=82);
//console.log(wallet >=87);
//console.log(wallet >=92);
//console.log(wallet >=97);
//console.log(wallet >=105);


if(wallet>=110){
    console.log("湯尼跑去吃牛肉麵");

} else if(wallet>=80){

    console.log("湯尼跑去吃夜市牛排了");

} else if(wallet>=85){

    console.log("湯尼跑去吃食錦麵")

} else if(wallet>=90){

    console.log("湯尼跑去吃牛肉湯麵")
} else if(wallet>=95){

    console.log("湯尼跑去吃美式漢堡肉排飯")
} else if(wallet>=100){

    console.log("湯尼跑去吃豪華泰式料理")
} else {

    console.log("湯尼錢不夠, 跑回家吃飯了");

}

結語

基礎的底打好, 腦袋才會有程式語言的“共感”

這種共感可以讓你了解其他的程式語言。

不過最後的title 所提到的眾多狀況判斷, 拜託去業界不要這樣寫! 千萬不要這樣寫喔!

若你想要知道更好的寫法, 之後我會來提提看決策樹。

lioajimzen

Share
Published by
lioajimzen

Recent Posts

Vue – 運行ES Module,import與export

import 與 export 在Node.js 有提到其用法: Node.js require、module以及exports 模組設定 - Hugo Habor 每一個Javascript檔案可當作獨立模組系統(ES Module) 1. Module(模組)…

12 months ago

當你的Windows應用程式完全無法執行時,該怎麼辦?

作者今天遇到一個很奇怪的問題 寫程式寫到一半... 點擊應用程式時... 怎麼都跳不出畫面... 後來查詢了一下是Reg註冊可能被微軟更新給搞掉了... 文章資訊來源: 【以解決】各位.exe檔案打不開,不要相信"在 Windows 7 或 Windows Vista 中無法打開 .EXE 檔案"這篇文章…

2 years ago

Python environments in VS Code-建立虛擬環境

Python environments in VS CodePython-建立虛擬環境

2 years ago

Node.js 核心模組-create-server

Node.js可以提供你很多模組,今天來探索如何使用 Node.js 的 http 模組來架設一個簡單的伺服器。 本篇使用模組require 載入你所需要的模組。這次我們使用'http' 模組來創造一個簡單的server。 資料參考 Node.js - createServer 起手式 - iT…

2 years ago

Node.js require、module以及exports 模組設定

針對Node.js來談談 require、module以及exports 模組設定。這些概念允許開發者將大型程序分解成小的、可管理的、可重用的部分,稱為模塊。 下面將逐一介紹這些概念,以及它們如何與 JavaScript 關聯。 An Essential Guide to Node.js Modules (javascripttutorial.net) 1. Module(模組)…

2 years ago

JSON與foreach的逐一條列應用。

像是很多專案必須讀取國家資料中心的metadata,許多檔案格式為CSV、JSON、Html可以利用網頁技術去爬蟲;拿一個範例來嘗試看看就知道這些語法的實際用途。 [主題週]專題報導-開放資料 (Open Data)相關議題與應用 (114230) - Cool3c 在這裡我們使用台北市資料大平台 UBike2.0 作為資料依據! 目的 來抓取空位數量 >15, 抓取空位數量 <15。…

2 years ago