TypeScript - convert string to float

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

Quick overview:

const number: 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.

const text: string = '3.15';
const number: 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.

const number1: number = parseFloat('2.5cm'); // centimeters (cm)
console.log(number1 === 2.5); // true

const number2: number = parseFloat('2.5in'); // inches (in)
console.log(number2 === 2.5); // true

const number3: number = parseFloat('2.5%'); // percentages (%)
console.log(number3 === 2.5); // true