# How to Convert a String to a Number in JavaScript

### Introduction

How do you convert a string into a number in JavaScript?

You can convert a string to a number in JavaScript using any of these three methods: `Number()`

, `parseInt()`

, or `parseFloat()`

.

In this article, we'll go over each method and how to use them in your JavaScript code.

Let's get started!

#### Table of Contents

## Method 1 - Number()

The first method we'll cover is the `Number()`

constructor that takes a value as a parameter and attempts to convert it to a number. If the value passed to the `Number()`

constructor can't be converted to a number, `NaN`

is returned.

Here's an example of how you'd use it in your code:

` ````
Number("25")
// returns 25 (typeof === number)
```

We pass a string value of `"25"`

to the `Number()`

constructor and it returns a new number value of `25`

. If you checked the `typeof`

value for the new value, you'd find that it was transformed successfully from a string to a number.

Here are some more examples with different variations of strings passed as arguments:

` ````
Number("25") // returns 25
Number("25.51") // returns 25.51
Number("25px") // returns NaN
Number("25.5something") // returns NaN
```

Pretty easy to work with, right?

Notice that any string parameter with none numerical text in it will return a value of `NaN`

.

## Method 2 - parseInt()

The `parseInt()`

method is a function that parses a string and returns an integer with a specific radix. The function takes both a string and an optional radix integer value as parameters.

Here's a code example:

` ````
parseInt("25")
// returns 25 (typeof === number)
```

We give the `parseInt()`

function a `"25"`

string as a parameter and it returns a value of `25`

. And the new value is a number instead of a string.

Here are some additional examples with other variations of strings:

` ````
parseInt("25") // returns 25
parseInt("25.51") // returns 25
parseInt("25px") // returns 25
parseInt("25.5something") // returns 25
```

Unlike the previous `Number()`

method, notice that all of the four example strings were converted to a `25`

number value. In those cases, the `Number()`

method returned a value of `NaN`

instead.

## Method 3 - parseFloat()

The last method we'll go over is the `parseFloat()`

function that takes a string and converts it to a number with decimals (known as a point number).

Here's what it looks like in code:

` ````
parseFloat("25")
// returns 25 (typeof === number)
```

Just like the previous two examples, the `parseFloat()`

function takes a string of `"25"`

and converts it into a number value of `25`

.

And here are some additional examples using the same string variations as the other methods:

` ````
parseFloat("25") // returns 25
parseFloat("25.51") // returns 25.51
parseFloat("25px") // returns 25
parseFloat("25.5something") // returns 25.5
```

Notice that the results are very similar to the `parseInt()`

method, besides the fact that `parseFloat()`

conserves the decimal points on the string values it converts.

## Conclusion

In this article, we went over three different ways to convert a string to a number using JavaScript.

These methods included the following:

`Number()`

`parseInt()`

`parseFloat()`

Thanks for reading and happy coding!