JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのNumber.parseInt()関数とは？構文と使い方をわかりやすく解説

Number.parseInt()は、JavaScriptのNumberオブジェクトが提供する静的メソッドの一つです。文字列を受け取り、指定された基数（ラジックス）に基づいて解析し、その結果を整数値として返します。

グローバル関数であるparseInt()とほぼ同じ動作をしますが、Number.parseInt()を使うことでコードの意図がより明確になり、可読性が向上するというメリットがあります。

構文

Number.parseInt()の基本的な構文は以下の通りです。

Number.parseInt('0xF', 16);

パラメータの説明

  • 第1引数（string）：解析対象となる文字列を指定します。
  • 第2引数（radix）：基数を2〜36の範囲で指定します。16進数なら16、2進数なら2のように指定します。省略も可能ですが、意図しない変換結果を避けるために明示的に指定することが推奨されています。

なお、解析できない文字列が渡された場合、戻り値はNaN（Not a Number）になります。

使用例

次のサンプルコードでは、16進数形式の文字列'0xF'を基数16として解析しています。

<html>
<head>
   <title>JavaScript Example</title>
</head>
<body>
   <script type="text/javascript">
      var result = Number.parseInt('0xF', 16);
      document.write(result);
   </script>
</body>
</html>

出力結果

15

この例では、16進数の「F」は10進数では「15」に相当するため、画面には15が出力されます。0xという接頭辞が付いた文字列でも、基数を正しく指定すれば問題なく解析できる点がポイントです。

  1. JavaScriptのapply()メソッドとは？別オブジェクトで関数を再利用する方法を解説

    JavaScriptのapply()メソッドとは JavaScriptのapply()メソッドを使用すると、あるオブジェクト向けに定義したメソッドを、別のオブジェクトでもそのまま再利用できます。最大の特徴は、関数に渡す引数を配列としてまとめて指定できる点です。これにより、柔軟で使い回しやすい関数設計が可能になります。 apply()の基本構文は以下のとおりです。 func.apply(thisArg, [arg1, arg2, ...]) 第1引数（thisArg）：関数内でthisとして参照されるオブジェクトを指定します。 第2引数（argsArray）：関数へ渡す引数を配列形式で指定しま

  2. JavaScriptのNumber()関数とは？使い方とサンプルコードを解説

    JavaScriptのNumber()関数は、引数として渡された値やオブジェクトを、それに対応する数値へ変換するための関数です。真偽値や文字列型の数字、さらにはDateオブジェクトなども数値に変換できるため、データ型の変換処理において非常に便利な組み込み関数の一つです。例えば、Number(true)は「1」、Number(false)は「0」を返します。また、数字のみで構成された文字列「149」を渡せば数値の149に変換され、new Date()で生成した日付オブジェクトを渡すと、1970年1月1日からの経過ミリ秒数が返されます。以下に、Number()関数の動作を確認できるサンプルコードを