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

在TypeScript中，将字符串转换为数字通常有两种常用的方法：使用全局的 parseInt() 或 parseFloat() 函数，以及使用一元加号运算符。下面是具体的例子：

使用 parseInt() 和 parseFloat()

parseInt() 函数用于将字符串解析为整数，而 parseFloat() 函数则用于解析为浮点数。

typescript
let stringValue: string = "123";
let intValue: number = parseInt(stringValue);

// 如果字符串是浮点数表示，可以使用parseFloat来获取浮点数
stringValue = "123.456";
let floatValue: number = parseFloat(stringValue);

console.log(intValue);    // 输出：123
console.log(floatValue);  // 输出：123.456

parseInt() 函数可以接受第二个参数作为基数，以便解析不同进制的数字字符串。例如，如果你想解析十六进制的字符串，可以这样做：

typescript
stringValue = "0xF";
intValue = parseInt(stringValue, 16);

console.log(intValue); // 输出：15

使用一元加号运算符

一元加号运算符（+）可以将其紧随的字符串转换成数字：

typescript
stringValue = "123";
intValue = +stringValue;  // 一元加号

stringValue = "123.456";
floatValue = +stringValue; // 也能够处理浮点数

console.log(intValue);    // 输出：123
console.log(floatValue);  // 输出：123.456

这种方法很简洁，但是如果字符串不是合法的数字，则会得到 NaN（Not-a-Number）。

错误处理

在实际应用中，你通常需要处理可能发生的错误。例如，如果字符串不包含有效的数字，parseInt() 和 parseFloat() 会返回 NaN，而一元加号运算符也是如此。你可能需要在转换后检查结果是否为 NaN，并相应地处理：

typescript
stringValue = "abc";
intValue = parseInt(stringValue);

if (isNaN(intValue)) {
    console.log("parseInt 失败，字符串不包含有效数字");
} else {
    console.log(intValue);
}

// 使用一元加号运算符时的检查
floatValue = +stringValue;

if (isNaN(floatValue)) {
    console.log("一元加号运算符转换失败，字符串不包含有效数字");
} else {
    console.log(floatValue);
}

在编写TypeScript代码时，考虑到类型安全和错误处理是非常重要的，以上例子都演示了如何将字符串安全地转换为数字，并如何处理潜在的错误。