在JavaScript中，有时我们需要将字符串转换为数字类型。为了实现这个目标，可以采用parseInt()函数来执行字符串转换。在本篇文章中，我们将介绍如何使用parseInt()函数将字符串转换为数字类型。

1. 什么是parseInt()函数？

parseInt()是JavaScript内置的函数之一。它用来将字符串转换为整数类型，也就是将字符串中的数字部分解析出来。这个函数的语法格式如下：

parseInt(string, radix)

其中，string是需要被转换为数字的字符串，radix是进制数，用于指定数字字符串的进制。通常我们不需要指定radix参数，因为默认值为10。

2. parseInt()函数的应用

下面我们来看一些具体的应用，以便更好地理解这个函数。

2.1 把字符串转为数字

在JavaScript中，我们经常需要进行数值的计算和比较。如果数据是以字符串的形式存储的，我们就需要将其转换为数字类型才能进行计算和比较。

例如：

```

var str = "123";

var num = parseInt(str);

console.log(num); // 输出：123

```

这里，我们用parseInt()函数将字符串"123"转换为数字123。可以看到，parseInt()函数返回的结果是一个整数。

当字符串中包含非数字字符时，parseInt()函数只解析出该字符串中的数字部分，忽略掉其余部分。例如：

```

var str = "123abc";

var num = parseInt(str);

console.log(num); // 输出：123

```

解析后的结果只包含数字部分。如果字符串以非数字字符开头，则返回NaN。例如：

```

var str = "abc123";

var num = parseInt(str);

console.log(num); // 输出：NaN

```

因为字符串"abc123"以a开头，所以parseInt()函数无法解析成数字。

2.2 指定进制

parseInt()函数默认将字符串解析为10进制数。如果需要解析其他进制的数，可以通过第二个参数radix进行指定。例如：

```

var str = "1010";

var num = parseInt(str, 2);

console.log(num); // 输出：10

```

这里，将字符串"1010"解析为2进制数，并将其转换为10进制数。

如果字符串不是有效的数字格式，parseInt()函数也会返回NaN。例如：

```

var str = "0x10";

var num = parseInt(str, 10);

console.log(num); // 输出：0

```

这里字符串"0x10"是一个16进制数，但是由于在第二个参数中指定了10进制，导致parseInt()函数将其解析成了0，而非16。

2.3 将浮点数转为整数

parseInt()函数只能将字符串转换为整数，无法将浮点数转换为整数。但是，当我们将浮点数转换为整数时，可以先将浮点数通过Math.floor()函数向下取整，再用parseInt()函数将其转换为整数，如下所示：

```

var floatNum = 3.14;

var intNum = parseInt(Math.floor(floatNum));

console.log(intNum); // 输出：3

```

这里，先将浮点数3.14向下取整为3，再将其转换为整数类型。

3. parseInt()函数的一些注意点

在使用parseInt()函数时，需要注意下面几个点：

3.1 必须传入字符串类型

parseInt()函数只能将字符串转换为数字类型，如果传入其他类型的数据，则会抛出TypeError错误。

例如：

```

var num = parseInt(true);

console.log(num); // 报错：TypeError: "argument is not a string"

```

3.2 必须传入有效的数字格式

parseInt()函数只能解析有效的数字格式。如果字符串格式不符合规范，则会返回NaN。例如：

```

var num = parseInt("abc");

console.log(num); // 输出：NaN

```

3.3 只能解析整数

parseInt()函数只能解析整数，无法解析小数。如果需要解析浮点数，则可以先使用Math.floor()函数向下取整，然后再将其转为整数。例如：

```

var num = parseInt(Math.floor(3.14));

console.log(num); // 输出：3

```

4. 总结

parseInt()函数是JavaScript中常用的函数之一。它可以将字符串转换为整数类型，并且支持指定进制。在使用parseInt()函数时，需要注意传入的数据类型和格式，以避免出现错误结果。