JavaScriptで数値のパースとエラー処理を行う方法


関数を使用することができます。しかし、不正な入力が与えられた場合にはエラーが発生する可能性があるため、適切なエラー処理が重要です。以下に、JavaScriptで数値のパースとエラー処理を行う方法を説明します。

  1. parseFloat関数の基本的な使い方 parseFloat関数は、与えられた文字列を浮動小数点数に変換します。以下は基本的な使用例です。

    const numberString = "3.14";
    const parsedNumber = parseFloat(numberString);
    console.log(parsedNumber); // 結果: 3.14
  2. エラー処理の方法 不正な入力が与えられた場合には、parseFloat関数はNaN(Not a Number)を返します。これを利用して、エラー処理を行うことができます。以下は、エラー処理の例です。

    const numberString = "abc";
    const parsedNumber = parseFloat(numberString);
    if (isNaN(parsedNumber)) {
     console.log("入力が無効です。");
    } else {
     console.log(parsedNumber);
    }

    上記の例では、numberStringが数値に変換できない文字列である場合に、"入力が無効です。"というメッセージが表示されます。

  3. エラーメッセージのカスタマイズ parseFloat関数のエラーメッセージはデフォルトでは固定ですが、必要に応じてカスタマイズすることもできます。以下は、カスタマイズしたエラーメッセージの例です。

    const numberString = "abc";
    const parsedNumber = parseFloat(numberString);
    if (isNaN(parsedNumber)) {
     console.log(`入力 "${numberString}" は無効です。数値を入力してください。`);
    } else {
     console.log(parsedNumber);
    }

    上記の例では、エラーメッセージに変換を試みた文字列が表示されるようになっています。

以上が、JavaScriptで数値のパースとエラー処理を行う方法の簡単な説明です。これを参考にして、安全かつ正確な数値変換を実装してください。