型変換（Number / String / Boolean） — Number('1'), String(1), Boolean(0)
JavaScript では値の型を 明示的に変換 するために Number(), String(), Boolean() を使います。
初心者は「数値にしたいときは Number、文字列にしたいときは String、真偽値にしたいときは Boolean」と覚えると理解しやすいです。
基本のコード例
console.log(Number("1")); // → 1 （文字列 → 数値）
console.log(String(1)); // → "1" （数値 → 文字列）
console.log(Boolean(0)); // → false （0 は false）
よく使うテンプレート集
文字列 → 数値
console.log(Number("42")); // 42
console.log(Number("3.14")); // 3.14
console.log(Number("abc")); // NaN （数値にできない）
数値 → 文字列
console.log(String(123)); // "123"
console.log(String(3.14)); // "3.14"
値 → 真偽値
console.log(Boolean(1)); // true
console.log(Boolean(0)); // false
console.log(Boolean("")); // false （空文字は false）
console.log(Boolean("abc")); // true （空でない文字列は true）
console.log(Boolean(null)); // false
console.log(Boolean(undefined)); // false
例題: ユーザー入力チェック
function checkInput(input) {
const num = Number(input);
if (Number.isNaN(num)) {
console.log("数値に変換できません:", input);
} else {
console.log("数値に変換成功:", num);
}
}
checkInput("123"); // → "数値に変換成功: 123"
checkInput("abc"); // → "数値に変換できません: abc"
- 効果: ユーザー入力を数値に変換して、正しいかどうか判定できる。
実務でのコツ
- Number: 数値に変換できない場合は
NaNになる。必ずNumber.isNaN()でチェック。 - String: ログ出力や結合に便利。
- Boolean: 「真偽値に変換」するときに便利。条件分岐でよく使う。
- 暗黙の型変換: JavaScript は自動で型変換することがあるので、明示的に変換するとバグが減る。
ありがちなハマりポイントと対策
Number("abc")→ NaN- 対策:
Number.isNaN()で判定。
- 対策:
- 空文字や 0 の Boolean 判定に驚く
Boolean("")→ falseBoolean(0)→ falseBoolean("0")→ true （文字列 “0” は空でないので true）
練習問題（真偽値変換）
function isTruthy(value) {
if (Boolean(value)) {
console.log(value, "は true と判定されました");
} else {
console.log(value, "は false と判定されました");
}
}
isTruthy(0); // false
isTruthy(1); // true
isTruthy(""); // false
isTruthy("hello"); // true
isTruthy(null); // false
直感的な指針
Number(x)→ 数値に変換。変換できないと NaN。String(x)→ 文字列に変換。ログや結合に便利。Boolean(x)→ 真偽値に変換。条件分岐で使う。- 初心者は「入力チェック」「ログ出力」「条件判定」で練習すると理解が深まる。
これを覚えれば「ユーザー入力を数値に変換」「値を文字列にして表示」「真偽値にして条件分岐」といった場面で自在に型変換を使えるようになります。