dots Created with Sketch.
Yogesh Chauhan's Blog

Global JavaScript methods to convert variables to numbers

in JavaScript on August 7, 2020

Converting Variables to Numbers

There are 3 JavaScript methods that can be used to convert variables to numbers:

1. The Number() method

2. The parseInt() method

3. The parseFloat() method

These methods are not number methods, but global JavaScript methods.

Global JavaScript Methods

JavaScript global methods can be used on all JavaScript data types.

Number() Method

Number() can be used to convert JavaScript variables to numbers:

console.log(Number(true));         // 1
console.log(Number(false));        // 0
console.log(Number("1"));         // 1
console.log(Number("  1"));       // 1
console.log(Number("1  "));       // 1
console.log(Number(" 1  "));      // 1
console.log(Number("1.99"));      // 1.99
console.log(Number("1,99"));      // NaN
console.log(Number("1 99"));      // NaN
console.log(Number("John"));       // NaN

If the number cannot be converted, NaN (Not a Number) is returned.

We can use the Number() Method on Dates

It will convert a date into a number.

var date = new Date("2017-09-30");



The Number() method above returns the number of milliseconds since 1.1.1970.

parseInt() Method

parseInt() method parses a string into a whole number.

You can pass the number with spaces too but only the first number is returned:

console.log(parseInt("1"));  //1
console.log(parseInt("1.99"));  //1
console.log(parseInt("1 2 3"));  //1
console.log(parseInt("1 string"));  //1
console.log(parseInt("string"));  //NaN

As you can see in the example above, if the number cannot be converted, NaN (Not a Number) is returned.

parseFloat() Method

parseFloat() method parses a string into a whole number just like parseInt() but it can return the float numbers if any.

console.log(parseFloat("1"));  //1
console.log(parseFloat("1.99"));  //1.99
console.log(parseFloat("1 2 3"));  //1
console.log(parseFloat("1 string"));  //1
console.log(parseFloat("string"));  //NaN

As you can see in the example above, if the number cannot be converted, NaN (Not a Number) is returned.



Most Read

#1 How to check if radio button is checked or not using JavaScript? #2 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #3 How to add Read More Read Less Button using JavaScript? #4 How to uninstall Cocoapods from the Mac OS? #5 PHP Login System using PDO Part 1: Create User Registration Page #6 How to Use SQL MAX() Function with Dates?

Recently Posted

#Jul 22 Is there a CSS parent selector? #Jul 22 Difference between :where and :is in CSS #Jul 22 Does :is() pseudo selector hint at CSS preprocessing in the future? #Jul 22 Control Scrolling with CSS Scroll Snap #Jul 21 Control rendering using CSS content-visibility property #Jul 21 How to use @supports rule in CSS?
You might also like these
Some interesting HTML Input Attributes to rememberHTMLIntroduction to components and templates Part 3: Data bindingAngular4 different Ways to Get JavaScript OutputJavaScriptThe fundamental difference between HAVING and WHERE clauses in PostgresPostgresHow to add multiple components in React app?ReactSelect statement in Postgres with examplesPostgres