Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】parseFloat::parseFloat()関数の使い方

parseFloat()関数の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

parseFloat()関数は、文字列を解析して浮動小数点数(小数を含む数値)に変換し、その値を返す関数です。この関数は、与えられた文字列の先頭にある空白を無視し、その後、数値として解釈できる文字(符号である+または-、数字の0から9、そして小数点.)を順に解析します。数値として解釈できない文字に到達した時点で、その文字以降は無視され、そこまでに読み込んだ数値部分を浮動小数点数として返します。

もし文字列の先頭が数値として解析できない文字である場合、この関数はNaN(Not-a-Number、数値ではないことを示す特殊な値)を返します。例えば、「3.14」という文字列からは「3.14」という数値を、また「10.5px」という文字列からは「10.5」という数値を抽出できます。文字列内に複数の小数点が存在する場合でも、最初の小数点のみが有効であり、それ以降の小数点を含む部分は正しく数値として解釈されません。この関数は、Webフォームの入力値や、単位付き文字列から数値部分を抽出する際など、プログラムで小数値を扱いたい場面で非常に役立ちます。

公式リファレンス: parseFloat()

構文(syntax)

1parseFloat("string");

引数(parameters)

string

  • string: 解析対象の文字列。先頭から数値として解釈できる部分までが変換されます。

戻り値(return)

Number

与えられた文字列を解析し、先頭から解釈できる数値(浮動小数点数)を返します。解釈できない場合はNaNを返します。

関連コンテンツ