GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • JS Tutorial
  • Web Tutorial
  • A to Z Guide
  • Projects
  • OOP
  • DOM
  • Set
  • Map
  • Math
  • Number
  • Boolean
  • Exercise
  • Introduction3 min read
  • Variables5 min read

This view

  • Original page
  • New address

GeezerVison is showing www.geeksforgeeks.org — JavaScript Number parseFloat() Method - GeeksforGeeks

geeksforgeeks
search icon
  • Courses
  • Tutorials
  • Interview Prep
  • JS Tutorial
  • Web Tutorial
  • A to Z Guide
  • Projects
  • OOP
  • DOM
  • Set
  • Map
  • Math
  • Number
  • Boolean
  • Exercise

JavaScript Number parseFloat() Method

Last Updated : 11 Jul, 2025

JavaScript parseFloat() Method is used to accept the string and convert it into a floating-point number. If the string does not contain a numeral value or If the first character of the string is not a Number then it returns NaN i.e, not a number. It actually returns a floating-point number parsed up to that point where it encounters a character that is not a Number. 

Syntax:

parseFloat(Value)

Parameters: This method accepts a single parameter.

  • value: This parameter obtains a string that is converted to a floating-point number.

Return value: It returns a floating-point Number and if the first character of a string cannot be converted to a number then the function returns NaN i.e, not a number.

Below is an example of the parseFloat() method:

Example 1: 

javascript
let v2 = parseFloat("3.14");

console.log('Using parseFloat("3.14") = ' + v2);

Output:

Using parseFloat("3.14") = 3.14 

Example 2: 

javascript
// It ignores leading and trailing spaces.
a = parseFloat(" 100 ")
console.log('parseFloat(" 100 ") = ' + a);

// It returns floating point Number until
// it encounters Not a Number character
b = parseFloat("2018@geeksforgeeks")
console.log('parseFloat("2018@geeksforgeeks") = '
    + b);

// It returns NaN on Non numeral character
c = parseFloat("geeksforgeeks@2018")
console.log('parseFloat("geeksforgeeks@2018") = '
    + c);

d = parseFloat("3.14")
console.log('parseFloat("3.14") = '
    + d);

// It returns only first Number it encounters
e = parseFloat("22 7 2018")
console.log('parseFloat("22 7 2018") = '
    + e);

Output: The parseFloat() function ignores leading and trailing spaces and returns the floating point Number of the string.

parseFloat(" 100 ") = 100
parseFloat("2018@geeksforgeeks") = 2018
parseFloat("geeksforgeeks@2018") = NaN
parseFloat("3.14") = 3.14
parseFloat("22 7 2018") = 22

Example 3: Using the isNaN() function to test whether the converted values are a valid numbers or not. 

javascript
let x = parseFloat("3.14");
if (isNaN(x))
    console.log("x is not a number");
else
    console.log("x is a number");

let y = parseFloat("geeksforgeeks");
if (isNaN(y))
    console.log("y is not a number");
else
    console.log("y is a number");

// Difference between parseInt() and parseFloat()
let v1 = parseInt("3.14");
let v2 = parseFloat("3.14");

console.log('Using parseInt("3.14") = '
    + v1);
console.log('Using parseFloat("3.14") = '
    + v2);

Output:

x is a number
y is not a number
Using parseInt("3.14") = 3
Using parseFloat("3.14") = 3.14

Supported Browsers:

  • Google Chrome 1 and above
  • Edge 12 and above
  • Firefox 1 and above
  • Internet Explorer 3 and above
  • Safari 1 and above
  • Opera 3 and above

We have a complete list of JavaScript Number constructor, properties, and methods list, to know more about the numbers please go through that article.

Comment

Explore

    JavaScript Basics
    • Introduction3 min read
    • Variables5 min read
    • Operators4 min read
    • Control Statements4 min read
    Array & String
    • Arrays6 min read
    • Array Methods4 min read
    • String5 min read
    • String Methods8 min read
    Function & Object
    • Functions4 min read
    • Function Expression3 min read
    • Function Overloading4 min read
    • Objects4 min read
    • Constructors4 min read
    OOP
    • OOP5 min read
    • Classes & Objects4 min read
    • Access Modifiers5 min read
    • Constructor4 min read
    Asynchronous JavaScript
    • Asynchronous2 min read
    • Callbacks4 min read
    • Promises4 min read
    • Event Loop3 min read
    • Async Await Fuction3 min read
    Exception Handling
    • Error and Exceptional Handling5 min read
    • Errors Throw & Try to Catch2 min read
    • Custom Errors2 min read
    • TypeError Invalid Array.prototype.sort argument1 min read
    DOM
    • DOM8 min read
    • DOM Elements3 min read
    • Custom Events4 min read
    • Addeventlistener5 min read
    Advanced Topics
    • Closure3 min read
    • Hoisting5 min read
    • Scope4 min read
    • Higher Order Functions7 min read
    • Debugging3 min read
    Courses
    • Placement 360 Course2 min read
    • MERN Full Stack Course2 min read
    • DSA and System Design Course2 min read
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.