【JS】【TS】条件分岐

■ はじめに

三項演算子 を使ったので軽くメモ。
ついでに、if文、switch文ものっけとく。
基本、C や Java と変わらん。

目次

【0】実行環境
【1】if文
【2】switch文
【3】三項演算子
 補足:Null 合体演算子 (nullish Coalescing) '??'

【0】実行環境

* ブラウザで実行できる

https://www.typescriptlang.org/play

【1】if文

サンプル

age = 23
if (age < 20) {
  console("You can not drink...")
} else if (age >= 90) {
  console("You should not drink to much...")
} else {
  console("Enjoy drinking!!")
}

【2】switch文

サンプル

type CloudType = 'None' | 'AWS' | 'GCP' | 'Azure' | 'OnPremise'
const cloudType:CloudType  = 'AWS'

switch (cloudType) {
  case 'AWS':
    console.log('Amazon')
    break
  case 'GCP':
    console.log('Google')
    break
  case 'Azure':
    console.log('Microsoft')
    break
  case 'OnPremise':
  default:
    console.log('On-premise')
    break
}

【3】三項演算子

構文

const <結果> = <条件式> ? <真式> : <偽式>

サンプル

const isAws = true
const result = isAws ? 'This is AWS!!' : 'This is not AWS...'
console.log(`result = ${result}`)

補足:Null 合体演算子 (nullish Coalescing) '??'

* 「Null 合体演算子 (nullish Coalescing) '??'」については
 以下の関連記事を参照のこと

記号の演算子 ~ ? / ?? / ! ~
https://dk521123.hatenablog.com/entry/2022/03/21/234932

関連記事

TypeScript ~ 入門編 ~
https://dk521123.hatenablog.com/entry/2020/12/21/180904
TypeScript ~ 基本編 ~
https://dk521123.hatenablog.com/entry/2021/02/15/000000
可変長引数
https://dk521123.hatenablog.com/entry/2016/02/08/111250
記号の演算子 ~ ? / ?? / ! ~
https://dk521123.hatenablog.com/entry/2022/03/21/234932
ループ操作 ~ map etc ~
https://dk521123.hatenablog.com/entry/2021/01/03/000000
配列・リスト操作
https://dk521123.hatenablog.com/entry/2021/02/10/225119
配列・リスト操作 ~ ソート編 ~
https://dk521123.hatenablog.com/entry/2021/02/24/222452
配列・リスト操作 ~ スプレッド構文 / Three-dots ~
https://dk521123.hatenablog.com/entry/2021/03/09/000000
Enum / Union / const assertion
https://dk521123.hatenablog.com/entry/2021/03/17/005906