JavaScript - convert string to float

In this article, we can find different ways how to parse float numbers 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 the number. It makes it 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?