JavaScript - how to convert string to float number?

12 points
Created by:

In this post we can find different ways of how to parse float number with parseFloat function in JavaScript

Quick overview:

// ONLINE-RUNNER:browser;

var number = parseFloat('3.14');
console.log(number === 3.14); // true

Different method examples are placed below.

1. Float parsing example

This section shows how to convert with built-in parseFloat method some text to float.

// ONLINE-RUNNER:browser;

var text = '3.15';
var number = parseFloat(text);

console.log(number === 3.15); // true

2. Parsing number with unit examples

parseFloat method during conversion ignores all characters that are not digits and occur after number. It makes possible to parse numbers with units.

// ONLINE-RUNNER:browser;

var number = parseFloat('2.5cm'); // centimeters (cm)
console.log(number === 2.5); // true

var number = parseFloat('2.5in'); // inches (in)
console.log(number === 2.5); // true

var number = parseFloat('2.5%'); // percentages (%)
console.log(number === 2.5); // true

See also

  1. JavaScript - how to convert string to number?

JavaScript - string conversion

Hey 👋
Would you like to know what we do?
  • Dirask is a friendly IT community for learners, professionals and hobbyists to share their knowledge and help each other in extraordinary easy way.
  • We welcome everyone,
    no matter what the experience,
    no matter how basic the question is,
    this community will help you.