JavaScriptのGlobalオブジェクト parseFloat() メソッドの使い方メソッドについて記載します。
概要、実際のサンプルコードを交えて構文などの使い方をまとめてみました。
JavaScriptのGlobalオブジェクトとは？
グローバルオブジェクトはどこでも利用可能な変数と関数を提供し、デフォルトで言語や環境に組み込まれています。
それでは、次に本題の説明に移ります。
JavaScriptのGlobalオブジェクト parseFloat() メソッドの使い方概要
parseFloat() メソッドは、文字列を数値に変換するために使用されます。引数として渡された文字列を解析し、有効な数値を返します。
構文、使い方
構文：parseFloat(string)
使い方：文字列を数値に変換します。
引数について
引数として、変換したい文字列を渡す必要があります。
返り値について
parseFloat() メソッドは、文字列を数値に変換します。
返り値は、変換された数値です。
このメソッドを利用した便利なテクニック
parseFloat() メソッドを使うと、文字列を数値に変換できます。
例えば、文字列 ‘3.14’ を数値 3.14 に変換するには、次のようにします。
|
1 |
const num = parseFloat('3.14'); |
現場で実際にどのように使われているか
parseFloat() メソッドは、文字列を浮動小数点数に変換するために使用されます。
例えば、文字列 “”3.14″” を数値 3.14 に変換するために、次のように使用します。
|
1 |
let pi = parseFloat(""3.14""); |
JavaScriptのGlobalオブジェクト parseFloat() メソッドの使い方と一緒によく使われる処理
parseFloat() メソッドは、文字列を数値に変換するために使用されます。
そのため、parseFloat() メソッドを使用するときには、通常は isNaN() メソッドを使用して、変換した値が数値であるかどうかを確認する処理を行います。
これは、parseFloat() メソッドが文字列を数値に変換できない場合があるためです。
使用する上での注意点
parseFloat() メソッドは、文字列を数値に変換するために使用されます。
文字列の先頭が数値でない場合、NaN (Not a Number) が返されます。
また、小数点以下の桁数を指定することもできません。
JavaScriptのGlobalオブジェクト parseFloat() メソッドの使い方と似た処理のJSメソッド、違い
parseInt()と似ていますが、下記の違いがあります。
- parseInt() メソッド: 文字列を整数に変換する。
- parseFloat() メソッド: 文字列を実数に変換する。
違いは、parseInt() メソッドは整数に変換するのに対し、parseFloat() メソッドは実数（小数点を含む）に変換する点です。
JavaScriptのGlobalオブジェクト parseFloat() メソッドの使い方を使ったサンプルコードの紹介
parseFloat() メソッドの使い方サンプルコード1
|
1 2 3 |
let num = '123.45'; let result = parseFloat(num); console.log(result); |
parseFloat() メソッドの使い方サンプルコード2
|
1 2 3 |
let num = '123.45abc'; let result = parseFloat(num); console.log(result); |
JavaScript Globalオブジェクトの他メソッドについて
JavaScriptのGlobalオブジェクトの他メソッドについては、下記記事にもまとめていますので参考にしてみてください
| メソッド名 | 機能 | リンク |
| decodeURI() | URIを解読します | JavaScriptのGlobalオブジェクト decodeURLメソッドの使い方 |
| decodeURI Component() |
URIコンポーネントをデコードします | JavaScriptのGlobalオブジェクト decodeURLメソッドの使い方 |
| encodeURI() | URIをエンコードします | JavaScriptのGlobalオブジェクト encodeURIメソッドの使い方 |
| encodeURI Component() |
URIコンポーネントをエンコードします | JavaScriptのGlobalオブジェクト encodeURIcomponentメソッドの使い方 |
| escape() | 非推奨。代わりに使用： encodeuri（） encodeuricomponent（） |
JavaScriptのGlobalオブジェクト escapeメソッドの使い方 |
| eval() | 文字列を評価し、スクリプトコードのように実行する | JavaScriptのGlobalオブジェクト evalメソッドの使い方 |
| isFinite() | 値が有限の法的番号であるかどうかを判断します | JavaScriptのGlobalオブジェクト isFiniteメソッドの使い方 |
| isNaN() | 値が違法な数であるかどうかを決定します | JavaScriptのGlobalオブジェクト isNaNメソッドの使い方 |
| Number() | オブジェクトの値を数値に変換します | JavaScriptのGlobalオブジェクト Numberメソッドの使い方 |
| parseFloat() | 文字列を解析し、フローティングポイント番号を返します | JavaScriptのGlobalオブジェクト parseFloatメソッドの使い方 |
| parseInt() | 文字列を解析し、整数を返します | JavaScriptのGlobalオブジェクト parseIntメソッドの使い方 |
| String() | オブジェクトの値を文字列に変換します | JavaScriptのGlobalオブジェクト Stringメソッドの使い方 |
また、JavaScriptの公式ドキュメントであるMDNで記載されているGlobalオブジェクトのparsefloatメソッドについても補足としてリンクを貼っておきます。参考にしてみてください。
