JavaScriptのNumberオブジェクト parseInt() メソッドの使い方 メソッドについて記載します。
概要、実際のサンプルコードを交えて構文などの使い方をまとめてみました。
JavaScriptのNumberオブジェクトとは？
JavaScriptのNumber オブジェクトは、整数または浮動小数点数といった数値の日付を表します。
ブラウザでは、数値リテラルを自動的に数値クラスのインスタンスに変換するので、Numberオブジェクトについて心配する必要はありません。
それでは、次に本題の説明に移ります。
JavaScriptのNumberオブジェクト parseInt() メソッドの使い方 概要
parseInt() メソッドは、文字列を整数に変換します。
引数として文字列を受け取り、指定した基数（2〜36）を使用して整数に変換します。
構文、使い方
構文：parseInt(string[, radix])
使い方：文字列を整数に変換する。radixを指定すると、それを基数として文字列を整数に変換する。
引数について
parseInt() メソッドは、文字列を整数に変換するために使用されます。
引数として、変換する文字列と、文字列を解釈する基数（2〜36）を受け取ります。
返り値について
parseInt() メソッドは、文字列を整数に変換して返します。
このメソッドを利用した便利なテクニック
parseInt() メソッドを使うと、文字列を数値に変換することができます。
例えば、文字列の””10″”を数値の10に変換するには、次のようにします。
|
1 2 |
let num = parseInt(""10""); console.log(num); // 10 |
現場で実際にどのように使われているか
parseInt() メソッドは、文字列を整数に変換するために使用されます。
例えば、文字列 ‘123’ を整数 123 に変換するには、次のようにします。
|
1 2 |
let num = parseInt('123'); console.log(num); // 123 |
JavaScriptのNumberオブジェクト parseInt() メソッドの使い方 と一緒によく使われる処理
一緒によく使われる処理として、parseFloat() メソッドを使用して文字列を浮動小数点数に変換する処理があります。
なぜなら、parseInt() メソッドは整数に変換するため、小数点以下の情報を失う可能性があるからです。
使用する上での注意点
– parseInt() メソッドは文字列を整数に変換するために使用されます。
– 文字列の先頭から数字が見つかるまでの文字列をパースします。
– 文字列の先頭が数字でない場合、NaN（Not a Number）が返されます。
– 第2引数を指定すると、指定した基数（進数）でパースします。
JavaScriptのNumberオブジェクト parseInt() メソッドの使い方 と似た処理のJSメソッド、違い
parseFloat() メソッドと似ていますが、下記の違いがあります。
- parseFloat() メソッドは小数点以下の数値も扱える
JavaScriptのNumberオブジェクト parseInt() メソッドの使い方 を使ったサンプルコードの紹介
parseInt() メソッドの使い方サンプルコード1
|
1 2 3 |
// 文字列を数値に変換 let num1 = parseInt(""10""); console.log(num1); |
parseInt() メソッドの使い方サンプルコード2
|
1 2 3 |
// 文字列を数値に変換（2進数） let num2 = parseInt(""11"", 2); console.log(num2); |
JavaScript Numberオブジェクトの他メソッドについて
JavaScriptのNumberオブジェクトの他メソッドについては、下記記事にもまとめていますので参考にしてみてください
| メソッド名 | 機能 | リンク |
| isFinite() | 値が有限数かどうかを確認します | JavaScriptのNumberオブジェクト isfiniteメソッドの使い方 |
| isInteger() | 値が整数であるかどうかを確認します | JavaScriptのisIntegerオブジェクト isIntegerメソッドの使い方 |
| isNaN() | 値がnumber.nanであるかどうかを確認します | JavaScriptのNumberオブジェクト isNaNメソッドの使い方 |
| isSafeInteger() | 値が安全な整数であるかどうかを確認します | JavaScriptのNumberオブジェクト isSafeIntegerメソッドの使い方 |
| parseFloat() | 文字列を解析しますanは番号を返します | JavaScriptのNumberオブジェクト parseFloatメソッドの使い方 |
| parseInt() | 文字列を解析すると、整数が返されます | JavaScriptのNumberオブジェクト parseIntメソッドの使い方 |
| toExponential(x) | 数値を指数表記に変換します | JavaScriptのNumberオブジェクト toExponentialメソッドの使い方 |
| toFixed(x) | 小数点以降にx数の数字で数字をフォーマットします | JavaScriptのNumberオブジェクト toFixedメソッドの使い方 |
| toLocaleString() | ロケール設定に基づいて、数値を文字列に変換します | JavaScriptのNumberオブジェクト toLocaleStringメソッドの使い方 |
| toPrecision(x) | 数字をxの長さをフォーマットします | JavaScriptのNumberオブジェクト toPrecisionメソッドの使い方 |
| toString() | 数字を文字列に変換します | JavaScriptのNumberオブジェクト toStringメソッドの使い方 |
| valueOf() | 数のプリミティブ値を返します | JavaScriptのNumberオブジェクト valueofメソッドの使い方 |
また、JavaScriptの公式ドキュメントであるMDNで記載されているNumberオブジェクトのgetメソッドについても補足としてリンクを貼っておきます。参考にしてみてください。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Number/parseint”
|
1 |
