JavaScriptのNumberオブジェクト parseInt() メソッドの使い方

プログラミング

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に変換するには、次のようにします。

現場で実際にどのように使われているか

parseInt() メソッドは、文字列を整数に変換するために使用されます。

例えば、文字列 ‘123’ を整数 123 に変換するには、次のようにします。

JavaScriptのNumberオブジェクト parseInt() メソッドの使い方 と一緒によく使われる処理

一緒によく使われる処理として、parseFloat() メソッドを使用して文字列を浮動小数点数に変換する処理があります。

なぜなら、parseInt() メソッドは整数に変換するため、小数点以下の情報を失う可能性があるからです。

使用する上での注意点

– parseInt() メソッドは文字列を整数に変換するために使用されます。
– 文字列の先頭から数字が見つかるまでの文字列をパースします。
– 文字列の先頭が数字でない場合、NaN(Not a Number)が返されます。
– 第2引数を指定すると、指定した基数(進数)でパースします。

JavaScriptのNumberオブジェクト parseInt() メソッドの使い方 と似た処理のJSメソッド、違い

parseFloat() メソッドと似ていますが、下記の違いがあります。

  • parseFloat() メソッドは小数点以下の数値も扱える

JavaScriptのNumberオブジェクト parseInt() メソッドの使い方 を使ったサンプルコードの紹介

parseInt() メソッドの使い方サンプルコード1

// 結果: 10

parseInt() メソッドの使い方サンプルコード2

 

// 結果: 3

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”

タイトルとURLをコピーしました