TypeScript文字列→boolean変換

TypeScriptで文字列をbooleanに変換する方法

直接比較

最もシンプルで一般的な方法は、文字列を直接比較することです。

const str: string = "true";
const bool: boolean = str === "true";
console.log(bool); // true

この方法では、文字列が厳密に "true" と一致する場合にのみ、boolean値が true になります。

toLocaleLowerCase() を使用して比較

大文字小文字を区別しない比較が必要な場合は、toLocaleLowerCase() を使用して文字列を小文字に変換してから比較します。

const str: string = "TRUE";
const bool: boolean = str.toLocaleLowerCase() === "true";
console.log(bool); // true

JSON.parse() を使用

JSON文字列を解析してboolean値を取得することもできます。

const str: string = 'true';
const bool: boolean = JSON.parse(str);
console.log(bool); // true

ただし、この方法は文字列が有効なJSON値であることを前提としています。不正なJSON文字列を渡すとエラーが発生します。

カスタム関数

複雑な変換ロジックが必要な場合は、カスタム関数を作成することができます。

function stringToBoolean(str: string): boolean {
  if (str === "true" || str === "1") {
    return true;
  } else if (str === "false" || str === "0") {
    return false;
  } else {
    // 他の条件やデフォルト値を設定できます
    return false;
  }
}

const str: string = "1";
const bool: boolean = stringToBoolean(str);
console.log(bool); // true

Angular Local Storageとの連携

Angular Local Storageで保存された文字列をboolean値に変換する場合は、上記の方法を組み合わせて使用することができます。例えば、localStorage.getItem() で取得した文字列を直接比較するか、カスタム関数を使用して変換することができます。

注意

• 安全性を確保するために、信頼できないソースからの文字列を直接解析する際には注意が必要です。
• 文字列が空または無効な値の場合、変換結果は期待通りにならないことがあります。

const str: string = "true";
const bool: boolean = str === "true";
console.log(bool); // true

const str: string = "TRUE";
const bool: boolean = str.toLocaleLowerCase() === "true";
console.log(bool); // true

const str: string = 'true';
const bool: boolean = JSON.parse(str);
console.log(bool); // true

function stringToBoolean(str: string): boolean {
  if (str === "true" || str === "1") {
    return true;
  } else if (str === "false" || str === "0") {
    return false;
  } else {
    // 他の条件やデフォルト値を設定できます
    return false;
  }
}

const str: string = "1";
const bool: boolean = stringToBoolean(str);
console.log(bool); // true

const str: string = "true";
const bool: boolean = str === "true";

const str: string = "TRUE";
const bool: boolean = str.toLocaleLowerCase() === "true";

const str: string = 'true';
const bool: boolean = JSON.parse(str);

function stringToBoolean(str: string): boolean {
  // ...
}

Boolean() コンストラクタ

Boolean() コンストラクタを使用して、文字列をboolean値に変換することができます。ただし、この方法は文字列が空または無効な値の場合に注意が必要です。

const str: string = "true";
const bool: boolean = Boolean(str);
console.log(bool); // true

三項演算子

三項演算子を使用して、条件に基づいてboolean値を割り当てることができます。

const str: string = "true";
const bool: boolean = str === "true" ? true : false;
console.log(bool); // true

includes() メソッド

文字列が特定の値を含むかどうかをチェックするために、includes() メソッドを使用することができます。

const str: string = "true";
const bool: boolean = str.includes("true");
console.log(bool); // true

カスタム関数を定義して、より柔軟な変換ロジックを実装することができます。

function stringToBoolean(str: string): boolean {
  // カスタム変換ロジック
  return str === "true" || str === "1";
}

const str: string = "1";
const bool: boolean = stringToBoolean(str);
console.log(bool); // true