{category}

JavaScript - Number

Number.parseFloat()

ナンバー・パースフロート(組み込みオブジェクト

意味 文字列を浮動小数点に


Number.parseFloat()とは?

`Number.parseFloat()`メソッドは、文字列を浮動小数点数に変換します。

Number.parseFloat()の具体的な使い方

文字列を浮動小数点数に変換する例

const str1 = '3.14';
const str2 = '2.718あいうえお';
const str3 = 'きくけこ3.14';

console.log(Number.parseFloat(str1));
console.log(Number.parseFloat(str2));
console.log(Number.parseFloat(str3));

👇出力結果

3.14
2.718
NaN

この例では、異なる文字列をNumber.parseFloat()を使って浮動小数点数に変換します。数字で始まる文字列は変換され、そうでない場合はNaNが返されます。

科学的記数法の文字列を変換する例

const scientificNotation = '6.022e23';
const result = Number.parseFloat(scientificNotation);

console.log(result);
console.log(typeof result);

👇出力結果

6.022e+23
number

この例では、科学的記数法で表された文字列を浮動小数点数に変換します。結果は数値型になります。

Number.parseFloat()に関するよくある質問

Q. parseFloatとparseIntの違いは?
A. parseFloatは小数点以下も含めて浮動小数点数に変換しますが、parseIntは整数部分のみを取り出して整数に変換します。
Q. 文字列の先頭が数字以外の場合は?
A. 文字列の先頭が数字以外の場合、Number.parseFloat()はNaN(Not a Number)を返します。
Q. 小数点以下の桁数制限はある?
A. Number.parseFloat()自体には小数点以下の桁数制限はありませんが、JavaScriptの数値表現の制限に従います。

JavaScriptを勉強するのにおすすめな問題集アプリの紹介

楽しくプログラミングを学ぶことで、プログラミングの理解度が深まります。『JavaScript問題集』は、楽しくJavaScriptを学ぶのに最適なアプリです。AIが出題する問題に答えていくことで、自然とJavaScriptの理解度が深まります。

AppStoreからダウンロード:https://apps.apple.com/jp/app/id6737941570

JavaScript問題集

JavaScriptのNumber.parseFloat()についても学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、JavaScriptのNumber.parseFloat()やObject.preventExtensions()、date.getDate()、Math.floor()、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。

1日5分の暗記でプログラミンが身に付く!プログラミング単語帳 公式ストアで発売中!

HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。


JavaScriptを学べる「プログラミング単語帳」アプリ

プログラミング単語帳がアプリになりました!JavaScriptはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。

収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。

いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。

2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!

2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!


関連するそのほかの単語

Object.preventExtensions()

拡張禁止

種類: Object

date.getDate()

日を取得(1-31)

種類: Date

Math.floor()

小さい方の整数に丸める

種類: Math

firstChild

最初の子を取得

種類: DOMの選択(2)

iterator

繰り返し処理のインターフェース

種類: ジェネレータ関数とイテレータ