JavaScript中string转换成number介绍

JavaScript中的字符串转换为数字：三种方法详解

在JavaScript开发中，我们经常需要将字符串（string）转换为数字（number）。以下是三种常用的转换方法，让我们一起来了解一下。

方法一：使用Number()函数

Number()函数是JavaScript中最直接的字符串转数字的方法。它可以接受各种类型的字符串参数，并尝试将其转换为数字。如果字符串可以成功转换，则返回相应的数字；否则，返回NaN（Not a Number）。值得注意的是，Number()函数可以接受十六进制字符串作为参数，如"0xff"，并将其转换为数值。

示例代码如下：

```javascript

var a = " 42";

var b = " 42mm";

var c = "0xff";

var d = "42.34";

console.log(Number(a)); // 42

console.log(Number(b)); // NaN

console.log(Number(c)); // 255

console.log(Number(d)); // 42.34

```

方法二：使用parseInt()函数

parseInt()函数可以将字符串转换为一个整数。它不仅可以纯数字字符串，也可以以数字开头的部分数字字符串（非数字部分字符串在转换过程中会被去除）。值得注意的是，当的是浮点数字符串时，取整操作所使用的方法为“向下取整”（truncate）。parseInt()还接受第二个参数，用于指定转换过程中的进制数。

示例代码如下：

```javascript

var b = " 42mm";

var c = "0xff";

var x = "-12.34";

var y = "15.88";

var z = "101010";

console.log(parseInt(b)); // 42

console.log(parseInt(x)); // -12

console.log(parseInt(y)); // 15

console.log(parseInt(c, 2)); // 42 (二进制字符串)

console.log(parseInt(".1")); // NaN (非数字字符串无法)

```

方法三：使用parseFloat()函数

parseFloat()函数与parseInt()类似，也可以以数字开头的部分数字字符串。不同的是，parseFloat()可以将字符串转换成浮点数。但parseFloat()只接受一个参数，并且只能处理十进制字符串。这意味着它无法直接像"0xff"这样的十六进制字符串。

示例代码如下：

```javascript

var c = "0xff"; // 这将不被parseFloat()正确，因为它不是十进制字符串。

var d = "42.34";

console.log(parseFloat(c)); // 0, 因为"0xff"以0开头

console.log(parseFloat(d)); // 42.34

console.log(parseFloat(".1")); // 0.1 (可以非整数部分的数字字符串)

```在理解了这三种方法后，我们可以根据具体需求选择适合的转换方式。希望这篇文章能够帮助你更好地理解和应用JavaScript中的字符串转数字操作。