TypeScript if文 条件分岐を行うサンプル

目次

 

基本的な if 文の構文

if (条件) {
  // 条件が true のときに実行される
} else if (別の条件) {
  // 別の条件が true のとき
} else {
  // どれにも当てはまらないとき
}

TypeScriptの if文は、基本的には JavaScript と同じ構文です。
TypeScriptでは型チェックが強化されている点が異なるだけで、構文そのものに違いはありません。

 

数値の比較

let score: number = 85;

if (score >= 90) {
  console.log("Excellent");

} else if (score >= 70) {
  console.log("Passed"); // 出力される

} else {
  console.log("Fail");
}

 

文字列の比較

let color: string = "red";

if (color === "blue") {
  console.log("blue");

} else if (color === "red") {
  console.log("red"); // 出力される

} else {
  console.log("other colors");
}

 

ブール型で条件分岐

let isLoggedIn: boolean = true;

if (isLoggedIn) {
  console.log("Logged in"); // 出力される

} else {
  console.log("Not logged in");
}

 

型を使った分岐

"use strict";
printLength("test1");

function printLength(value) {
    if (value !== null) {
        console.log("文字数:", value.length); // 文字数: 5
    }
    else {
        console.log("value is null");
    }
}

5行目は、null ではないことが確定したのでlength を使えます。

 

ワンライナーのif

let age = 20;

if (age >= 18) console.log("成人です");

 

三項演算子

let age = 18;
let status = (age >= 20) ? "成人" : "未成年";
console.log(status); // 未成年

 

関連の記事

TypeScriptの設定方法
TypeScript switch文のサンプル

△上に戻る