【TypeScript】switch文でcaseに複数条件を指定する

どの言語にも存在する switch-case 文。

引数に 1 つの変数を取るものが多いので、文字列連結させて無理やり条件を作っちゃうってこともありますよね。

逃げの手というか・・・。

中には Kotlin の when ように、条件設定が柔軟にできるものもあります。

val hoge = "hoge"
val fuga = "fuga"

when (hoge) {
    "hoge" -> {
         println("match.")
    }
    else -> {
        println("not match.")
    }
}

when {
    hoge == "hoge" && fuga == "fuga" -> {
        println("match.")
    }
    else -> {
        println("not match.")
    }
}

val hoge = "hoge"

val fuga = "fuga"

when (hoge) {

"hoge" -> {

println("match.")

}

else -> {

println("not match.")

}

when {

hoge == "hoge" && fuga == "fuga" -> {

println("match.")

}

else -> {

println("not match.")

}

【Kotlin入門】ifとwhenによる条件判定を使い分ける「Kotlinで範囲を表すRange変数の使いどころを探る」で紹介したサンプルプログラムで、if による条件判定を少し紹介しました。 ...

今回は、TypeScript で 2 つの条件で switch 文が使えないか調べてみたので紹介します。

目次(もくじ)

TypeScriptに入門してみる
switchで複数条件
- booleanが戻り値の関数
- numberが戻り値の関数
まとめ

TypeScriptに入門してみる

ここ数年、人気爆発中の TypeScript。

サーバーサイドで NodeJS、フロントエンドで JavaScript みたいなプロジェクトなら乗り換えたくなりますよね。

しかしサーバサイドで別のプログラム言語を使っていたら、わざわざ JS の世界に飛び込まなくても・・・。

って思っていたのですが、慣れてくると少しずつ楽しくなってきました。

とりあえず入門編として「サバイバルTypeScript」を紹介しておきます。

サバイバルTypeScript

大型書店で TypeScript の入門書を探したのですが、なかなか良さそうな本が見つからなかったのですよね。

オライリー本はいまだに苦手で・・・。

プログラミングTypeScript スケールするJavaScriptアプリケーション開発 [ Boris Cherny ]

posted with カエレバ

楽天市場

Amazon

あとは Web 上で TypeScript の実行確認ができるサイト。

TypeScript: JavaScript With Syntax For Types.

switchで複数条件

さて、本題に戻ります。

switch 文のドキュメントやリファレンスを見ても引数は 1 つだけのようです。

if を使うなり、別の方法を検討しなければいけないかと思ったのですが、case に関数が使えるようです。

JavaScript | switch()で条件分岐複数、範囲指定や比較演算子は？

booleanが戻り値の関数

上記サイトを参考に、地域(エリア)とステージ(本番、テスト)の環境別にドメインを割り出す条件式を定義してみました。

interface Env {
    readonly area: string;
    readonly stage: string;
}

function getDomain(env: Env): string {

    const match = (e: Env, area: string, stage: string): boolean => {
        return e.area === area && e.stage === stage;
    }

    switch (true) {
        case match(env, "jp", "test"):
            return "jp-test.example.com";
        case match(env, "jp", "prod"):
            return "jp-prod.example.com";
        case match(env, "us", "test"):
            return "us-test.example.com";
        case match(env, "us", "prod"):
            return "us-prod.example.com";
    }
    throw new Error(`Not Match. ${env.area}, ${env.stage}`);
}

const domain = getDomain({
    area: "jp",
    stage: "test"
});

console.log("domain: " + domain);

interface Env {

readonly area: string;

readonly stage: string;

}

function getDomain(env: Env): string {

const match = (e: Env, area: string, stage: string): boolean => {

return e.area === area && e.stage === stage;

}

switch (true) {

case match(env, "jp", "test"):

return "jp-test.example.com";

case match(env, "jp", "prod"):

return "jp-prod.example.com";

case match(env, "us", "test"):

return "us-test.example.com";

case match(env, "us", "prod"):

return "us-prod.example.com";

}

throw new Error(`Not Match. ${env.area}, ${env.stage}`);

}

const domain = getDomain({

area: "jp",

stage: "test"

});

console.log("domain: " + domain);

上記の実行結果は以下の通り。

[LOG]: “domain: jp-test.example.com”

match という関数を定義し、env の中身と area, stage が一致すれば true を返します。

switch の引数を true にしておけば、関数の戻り値が true の時にマッチという感じです。

numberが戻り値の関数

もちろん、関数の戻り値が number 型であれば、switch の引数も number 型の変数や数値を指定すれば OK。

const matchNum = (a: number, b: number): number => {
    return a + b;
}

switch (100) {
    case matchNum(10, 90):
        console.log("match.");
        break;
    default:
        console.log("not match.");
        break;
}

const num = 200;

switch (num) {
    case matchNum(10, 90):
        console.log("match.");
        break;
    default:
        console.log("not match.");
        break;
}