W3docs

How to Convert String to Number in JavaScript

There are several methods of converting a string into a number: parseInt() #; parseFloat() #, Number() #, etc. See examples.

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

1. How to Convert a String into Point Number

Use parseFloat() function, which parses 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

javascript— editable

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

javascript— editable

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

javascript— editable

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

javascript— editable

Strings beginning with 0x or -0x 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

javascript— editable

In modern JavaScript, strings beginning with 0 or -0 are parsed as decimal numbers by default, not octal. If you have the string "-077", the result will be -77.

Converting a JavaScript string into a number

javascript— editable

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

Converting a JavaScript string into a number

javascript— editable
Info

Note: Unlike parseFloat(), parseInt() only extracts the first integer from the string. For example, if you have 35.22, only 35 will be returned.

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

javascript— editable

The given example will return 384.75

Info

Note: Unlike parseFloat() and parseInt(), the Number() function returns NaN if the string contains any non-numeric text.

4. How to Use + Before a String

Use the unary + operator.

One trick is to use + before the string:

Example

Using + before a string

javascript— editable

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

Info

Note: If you put a comma (,) instead of a dot (.) the result will be NaN, because the string will not be a valid 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

Using * 1 after a string

javascript— editable

The result will be 38.

Tip

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.

Info

Note: If you add any text to the string, it will return NaN.