【JavaScript】parseFloat()関数の使い方と例

JavaScriptには、文字列を解析して浮動小数点数を返す便利な関数がいくつか用意されています。その中でも、parseFloat()関数は特に文字列を解析して浮動小数点数に変換するのに役立ちます。この記事では、parseFloat()関数の使い方と実際の例について説明します。

parseFloat()関数とは

parseFloat()関数は、与えられた文字列を解析して浮動小数点数に変換します。この関数は、文字列の先頭から数字を解析し、数字として解釈できなくなるまでの部分を数値として返します。ただし、空白文字は無視されます。

parseFloat()の使い方

parseFloat()関数は以下のように使います。

parseFloat(string)

ここで、stringは解析したい文字列です。

parseFloat()の例

1. 数値を含む文字列を解析する例:

console.log(parseFloat('3.14')); // 3.14
console.log(parseFloat('42')); // 42
console.log(parseFloat('0.123')); // 0.123

2. 数値以外の文字列を解析する例:

console.log(parseFloat('Hello')); // NaN
console.log(parseFloat('3.14 is a pi')); // 3.14
console.log(parseFloat('10 20 30')); // 10

3. 空白文字が含まれる文字列を解析する例:

console.log(parseFloat('  3.14  ')); // 3.14
console.log(parseFloat('  42   ')); // 42
console.log(parseFloat('   ')); // NaN

parseFloat()の注意点

• parseFloat()関数は、与えられた文字列を数字に変換しようとしますが、変換できない場合はNaNを返します。
• parseFloat()関数は、文字列の先頭から数字を解析し、数字として解釈できなくなるまでの部分を数値として返します。

まとめ

JavaScriptのparseFloat()関数は、与えられた文字列を浮動小数点数に変換するのに便利な関数です。この関数を使うことで、文字列から数値への変換が容易になります。

この記事を参考にして、parseFloat()関数を使ったコードを書いてみてください。