如何在 TypeScript 中将字符串转换为数字？

介绍 TypeScript 中将字符串转换为数字的方法

在 TypeScript 中，将字符串转换为数字是一项常见的任务。有时候我们需要将用户从输入框中获取的字符串数据转换为数字以进行计算或比较操作。在本文中，我们将介绍不同的方法来实现这一目标。

1. 使用 parseInt() 函数

JavaScript 中的 parseInt() 函数可以将字符串转换为整数，同时也适用于 TypeScript。该函数接收两个参数：要转换的字符串和基数。在大多数情况下，我们都可以省略第二个参数，此时默认使用十进制转换。

下面是 parseInt() 函数的使用示例：

const str = '1234';

const num = parseInt(str);
console.log(num); // Output: 1234

注意： 当字符串无法转换为数字时，parseInt() 函数将返回 NaN，例如：

const str = 'abc';

const num = parseInt(str);
console.log(num); // Output: NaN

2. 使用 parseFloat() 函数

类似于 parseInt()，parseFloat() 函数可以将字符串转换为浮点数。与 parseInt() 不同的是，parseFloat() 返回一个浮点数而不是整数。

下面是 parseFloat() 函数的使用示例：

const str = '12.34';

const num = parseFloat(str);
console.log(num); // Output: 12.34

3. 使用 Number() 函数

在 TypeScript 中，我们可以使用内置的 Number() 函数将字符串转换为数字。类似于 parseInt() 和 parseFloat()，Number() 也可以处理整数和浮点数。

使用 Number() 函数时，我们需要注意以下几点：

如果字符串是一个有效的数字表示，返回数字。

如果字符串是空的或只包含空格，则返回 0。

如果字符串不能转换为数字，则返回 NaN。

下面是 Number() 函数的使用示例：

const str1 = '1234';

const num1 = Number(str1);
console.log(num1); // Output: 1234
const str2 = '12.34';
const num2 = Number(str2);
console.log(num2); // Output: 12.34
const str3 = 'abc';
const num3 = Number(str3);
console.log(num3); // Output: NaN

总结

在 TypeScript 中，将字符串转换为数字的方法有很多种。在本文中，我们介绍了三种最常用的方法：parseInt()、parseFloat() 和 Number()。我们需要根据实际情况选择最适合的方法，并注意处理转换失败的情况。希望这篇文章能够帮助你更好地理解 TypeScript 中的数据类型转换。