如何使用 Typescript 将字符串转换为数字？
参考回答
在 TypeScript 中，将字符串转换为数字有几种常见的方法，最常用的包括使用 Number 构造函数、parseInt 和 parseFloat 函数。
- 使用
Number()：const str = "123"; const num = Number(str); // 转换为数字 123 - 使用
parseInt()：const str = "123"; const num = parseInt(str, 10); // 转换为整数 123 - 使用
parseFloat()：const str = "123.45"; const num = parseFloat(str); // 转换为浮动数字 123.45
这些方法会根据字符串的内容进行转换。如果字符串无法转换为有效的数字，则会返回 NaN（Not-a-Number）。
详细讲解与拓展
在 TypeScript 中，字符串到数字的转换可以通过不同的方式进行。选择哪种方式取决于你的需求。接下来我们将逐一讲解这几种常用的转换方法。
Number()：
Number()是最直接的方式，用于将任何类型的值转换为数字。它可以处理整数、浮点数甚至是字符串。
- 如果字符串表示一个有效的数字（如
"123"或"123.45"），它会被转换为数字类型。 - 如果字符串无法转换为有效的数字（如
"abc"），它会返回NaN。const validStr = "123"; const invalidStr = "abc"; const validNum = Number(validStr); // 123 const invalidNum = Number(invalidStr); // NaN
parseInt()：
parseInt()主要用于将字符串转换为整数，并且它接受两个参数：要转换的字符串和进制（基数）。如果没有指定进制，默认使用 10 进制。
- 如果字符串中包含数字和非数字字符，
parseInt()会从字符串的开始位置解析数字，直到遇到非数字字符为止。 - 如果字符串以数字为开头（如
"123abc"），它会正确转换为数字部分（即123）。 - 如果字符串无法转换为数字，
parseInt()返回NaN。const str1 = "123abc"; const str2 = "abc123"; console.log(parseInt(str1, 10)); // 123 console.log(parseInt(str2, 10)); // NaN注意：
parseInt()在处理包含非数字字符的字符串时，能够返回部分数字，而不是整个字符串。
parseFloat()：
parseFloat()用于将字符串转换为浮动数字（即浮点数）。与parseInt()类似，parseFloat()会解析字符串中的数字部分，并忽略后面的非数字字符。
- 如果字符串包含浮动小数点，则返回一个浮动数字。
-
如果字符串无法解析为有效的数字，返回
NaN。const floatStr = "123.45abc"; const integerStr = "123abc"; console.log(parseFloat(floatStr)); // 123.45 console.log(parseFloat(integerStr)); // 123
NaN的处理：
无论使用Number()、parseInt()还是parseFloat()，如果输入字符串不能正确转换为数字，它们都会返回NaN。因此，在转换后，最好检查结果是否为NaN，可以使用isNaN()函数。const result = Number("abc"); if (isNaN(result)) { console.log("转换失败，返回 NaN"); }
总结
在 TypeScript 中，字符串转数字最常用的方法有 Number()、parseInt() 和 parseFloat()。选择哪种方法取决于你要处理的数字类型（整数还是浮点数）以及对无效数字的容错需求。isNaN() 用于检测转换结果是否有效。在实际开发中，合理使用这些方法，可以帮助你灵活处理字符串到数字的转换。