How to Convert String to Number in JavaScript

JavaScript provides various methods to convert a string into a number. Let’s turn to their discussion bellow:

1. How to Convert a String into Point Number

Use parseFloat() function, which purses a string and returns a floating point number. The argument of parseFloat must be a string or a string expression. The result of parseFloat is the number whose decimal representation was contained in that string (or the number found at the beginning of the string).

If your string is "384.75a" the result will be 384.75.

Example

Converting a JavaScript string into a float number
let myString = parseFloat("384.75a") ; console.log(myString);

If the string argument cannot be parsed as a number, the result will be NaN (not-a-number value).

Converting a JavaScript string into a float number
let myString = parseFloat("John is 20"); console.log(myString);

2. How to Convert a String into an Integer

Use parseInt() function, which parses a string and returns an integer.

The first argument of parseInt must be a string. parseInt will return an integer found in the beginning of the string. Remember, that only the first number in the string will be returned.

For example when we have the string “384.75a” and we want to convert it to a number, the result will be 384.

Example

Converting a JavaScript string into a number
let myString = parseInt("384.75a"); console.log(myString);

The second argument is radix, it specifies the base of the number whose string representation is contained in the string. The radix, argument can be any integer from 2 to 36. Remember that radix is separated from the string by a comma.

Let’s consider you have the string "77.22", and you set the radix 16. The result will be 119 (= 7 + 7*16).

Converting a JavaScript string into a number
var myString = parseInt("77.22", 16); console.log(myString);

Strings beginning with 0x or -0x radix are parsed as hexadecimals(the radix is 16) . If you have “0x77” string, the result will be 119 (= 7 + 7*16).

Converting a JavaScript string into a number
var myString = parseInt("0x77"); console.log(myString);

Strings beginning with 0 or -0 are parsed as octal numbers. If you have the string “-077” the result will be -77.

Converting a JavaScript string into a number
var myString = parseInt("-077") ; console.log(myString);

If the first argument cannot be converted to an integer, the result will be NaN .

Converting a JavaScript string into a number
var myString = parseInt("John is 20"); console.log(myString);
Note: Despite parseFloat() function, in parseInt() only the first component in the string will return, i.e. if you have 35.22 only 35 will return.

3. How to Convert a String into a Number

Use Number() function, which converts the object argument to a number that represents the object's value.

Example

Javascript converts the object argument to a number
let myString = Number("384.75"); console.log(myString);

The given example will return 384.75

Note: Despite parseFloat() and parseInt(), Number() function returns NaN if the string contains any text.

4. How to Use + Before a String

Use +

One trick is to use + before the string:

Example

Javascript use + before the string
let myString = +"384.75"; console.log(myString);

The result of the above-mentioned example will be 384.75.

Note: If you put a comma (,) instead of a dot (.) the result will be NaN, because the string will not be a number.

5. How to Use * 1 After a String

Use * 1 after the string

This is one of the fastest options, it is similar to the + unary operator. It does not perform conversion to an integer if the number is a float.

Example

Javascript the + unary operator
let myString = "38" * 1 ; console.log(myString);

The result will be 38.

Recommendation: If you change the number 1 into any other number, it will multiply the number of the string. If you put 0, the result will be 0.
Note: If you add any text to the string, it will return NaN.

Example of padStart() method

The padStart() method is a built-in function in JavaScript that allows you to pad a string with another string until it reaches a specified length.

let x = 5; let xString = x.toString().padStart(2, '0'); console.log(xString); // Output: "05"

In this example, x is a number and xString is a string that represents x with a minimum of two digits. The toString() method converts the number x to a string, and the padStart() method pads the resulting string with leading zeros to ensure that it has at least two digits.