JavaScript Number parseFloat() method

The parseFloat function in JavaScript takes a string as its argument and transforms it into a floating point number. If the initial character of the provided value cannot be interpreted as a numerical digit, the function will return NaN.

Syntax

The method parseFloat is expressed using the subsequent syntax:

Number.parseInt(string)

Parameter

string - It represents the string to be parsed.

Return

A floating-point value extracted from the specified input.

JavaScript Number parseFloat method example

In this section, we will explore the parseFloat function by examining several examples.

Example 1

Let us examine a straightforward illustration of the parseFloat function.

<script>

var a="50";

var b="50.25"

var c="String";

var d="50String";

var e="50.25String"

document.writeln(Number.parseFloat(a)+"<br>");

document.writeln(Number.parseFloat(b)+"<br>");

document.writeln(Number.parseFloat(c)+"<br>");

document.writeln(Number.parseFloat(d)+"<br>");

document.writeln(Number.parseFloat(e)); 

</script>

Output:

50

50.25

NaN

50

50.25

Example 2

Let’s examine an illustration that demonstrates how to concatenate two strings both by utilizing and bypassing the parseFloat method.

<script>

var a="10.45";

var b="20.55";

var c=a+b;

document.writeln("Before invoking parseFloat(): "+c+"<br>");

var c=Number.parseFloat(a)+Number.parseFloat(b);

document.writeln("After invoking parseFloat(): "+c);

</script>

Output:

Before invoking parseFloat(): 10.4520.55

After invoking parseFloat(): 31