JavaScript 計算結果が NaN になる原因と解決法

NaNは「非数（Not a Number）」。文字列を数値として計算しようとしたときによく発生します。

このエラーメッセージ

原因

• 文字列（input値など）を数値化せず計算している
• parseIntに数字でない文字列を渡している
• undefinedを計算に含めている

❌ エラーになるコード

const a = "10";
const b = "5";
console.log(a - b * 1, a + b);   // 引き算は動くが + は文字列連結

✅ 修正したコード

const a = Number("10");
const b = Number("5");
console.log(a + b);   // 15
// 数値化できない場合の保険
const n = Number("abc");
console.log(Number.isNaN(n) ? 0 : n);

解決のポイント

入力値は文字列なので、Number()やparseInt()で数値に変換してから計算します。+は文字列だと連結になる点に注意。NaN判定はNumber.isNaN()で行います（x === NaNは常にfalse）。

よくある質問