How to convert a string to a number in TypeScript?

在TypeScript中，将字符串转换为数字通常有几种常用的方法。这里介绍几种常见的方法，并举例说明：

1. 使用 Number 构造函数

这是最直接的方法之一，适用于大多数情况。如果字符串不是有效的数字，这将返回 NaN。

typescript
let str = "123";
let num = Number(str);
console.log(num); // 输出: 123

2. 使用一元加号运算符（+）

这种方法简洁且常用，它会尝试将其后的字符串转换为数字。

typescript
let str = "456";
let num = +str;
console.log(num); // 输出: 456

3. 使用 parseInt() 或 parseFloat()

当你需要从字符串中解析整数或浮点数时，这些函数非常有用。parseInt() 用于获取没有小数的整数，而 parseFloat() 用于包含小数的数值。

typescript
let strInt = "789px";
let strFloat = "3.14someText";
let numInt = parseInt(strInt);
let numFloat = parseFloat(strFloat);

console.log(numInt); // 输出: 789
console.log(numFloat); // 输出: 3.14

选择方法的依据

• 当你确定整个字符串是数字，并且你需要一个数字类型时，使用 Number() 或一元加号运算符。
• 如果字符串中包含非数字字符，但你只需要数字部分（例如 123px 转换为 123），则使用 parseInt() 或 parseFloat()。

通过这些方法，你可以根据实际需求灵活选择合适的字符串转数字的方式。