如何使用 Typescript 将字符串转换为数字？

在TypeScript中，将字符串转换为数字通常可以通过几种简单的方法实现。这些方法在JavaScript中同样适用，因为TypeScript最终会被编译成JavaScript。以下是一些常见的字符串转数字的方法：

使用Number函数

Number函数可以将字符串转换为数字。如果字符串无法转换为有效的数字，它会返回NaN（Not a Number）。

const str = "123";
const num = Number(str);
console.log(num); // 输出：123

使用一元加号操作符

一元加号操作符(+)是一种简洁的方式来将字符串转换为数字。

const str = "456";
const num = +str;
console.log(num); // 输出：456

使用parseInt和parseFloat

如果你想从字符串中解析出整数或浮点数，可以使用parseInt和parseFloat函数。parseInt将返回字符串开头的整数部分，而parseFloat将解析整个字符串，返回一个浮点数。

const intStr = "789px";
const floatStr = "3.14moretext";

const intNum = parseInt(intStr, 10); // 第二个参数是基数，这里指定为10表示十进制
const floatNum = parseFloat(floatStr);

console.log(intNum); // 输出：789
console.log(floatNum); // 输出：3.14

注意事项

• 使用Number函数或一元加号操作符时，如果字符串不是一个有效的数字表示，结果将是NaN。
• 使用parseInt或parseFloat时，字符串开头的数字会被解析，直到遇到非数字字符。
• parseInt和parseFloat都会忽略字符串开头的空白。
• 当处理用户输入或从其他不确定的源获取数据时，最好检查转换后的结果是否为NaN，可以使用isNaN函数。

选择哪种方法取决于你的具体需求，比如你是否需要解析浮点数，以及你如何处理无法转换为数字的字符串。