【JavaScript】文字列を真偽値（true/false）として扱う方法｜”false”も”0″もtrueになる罠と正しい変換

console.log(Boolean("false")); // true ← 文字列の "false" も true！
console.log(Boolean("0"));     // true ← 文字列の "0" も true（数値の 0 とは別）
console.log(Boolean(" "));     // true ← 空白だけでも true
console.log(Boolean(""));      // false ← 空文字だけが false

console.log(Boolean(0));       // false（こちらは数値の 0）

// if も同じ。文字列 "false" でもブロックは実行される
if ("false") {
  console.log("実行される！"); // これが表示される
}

const str = "false";

const bool = str === "true";
console.log(bool); // false（"true" と一致しないので false）

console.log("true" === "true");  // true
console.log("false" === "true"); // false

// 大文字小文字を無視したいとき
const bool2 = "TRUE".toLowerCase() === "true";
console.log(bool2); // true

function toBool(value) {
  return ["true", "1", "yes", "on"].includes(
    String(value).trim().toLowerCase()
  );
}

console.log(toBool("true"));  // true
console.log(toBool("false")); // false
console.log(toBool("1"));     // true
console.log(toBool("0"));     // false
console.log(toBool("YES"));   // true（大文字でもOK）
console.log(toBool(""));      // false
console.log(toBool(" on "));  // true（前後空白も許容）

console.log(JSON.parse("true"));  // true（boolean）
console.log(JSON.parse("false")); // false（boolean）
console.log(JSON.parse("1"));     // 1（数値。boolean ではない点に注意）

// JSON として無効な文字列は例外になる
try {
  JSON.parse("yes"); // SyntaxError
} catch (e) {
  console.log("変換できません:", e.name); // "SyntaxError"
}

// チェックボックス／data属性などの文字列を真偽値に
const isAgreed = toBool(document.getElementById("agree").value); // "true"/"false" 等

// APIレスポンス（文字列で来ることがある）
const data = { enabled: "false" };
const enabled = data.enabled === "true";
console.log(enabled); // false（Boolean(data.enabled) だと誤って true になる）

// URLパラメータ
const params = new URLSearchParams(location.search);
const debug = toBool(params.get("debug")); // ?debug=1 や ?debug=true で true