TypeScript转型警告：从string 到number的正确转换方法

🧙‍♂️ 诸位好，吾乃诸葛妙计，编程界之翘楚，代码之大师。算法如流水，逻辑如棋局。

📜 吾之笔记，内含诸般技术之秘诀。吾欲以此笔记，传授编程之道，助汝解技术难题。

📄 吾之文章，不以繁复之言，惑汝耳目；但以浅显之语，引汝入胜。

🚀 若此文对阁下有所裨益，敬请👍🏻-点赞 ⭐ - 收藏 👀 - 关注，不胜感激。

我们在程序中通常会遇到这个错误：

Typescript中，类型 “string | string[]“ 到类型 “number“ 的转换可能是错误的，因为两种类型不能充分重叠。如果这是有意的，请先将表达式转换为 “unknown“

这个错误信息表明你正在尝试将一个类型为 string | string[] 的变量转换为 number 类型，但是 TypeScript 编译器无法保证这种转换是安全的，因为 string 或 string[] 与 number 类型不兼容。

在 TypeScript 中，如果你确定需要进行这种类型转换，并且知道在运行时你的代码不会因为类型错误而出现问题，你可以使用类型断言来告诉编译器你知道自己在做什么。类型断言可以用来覆盖 TypeScript 的类型推断，但是它不会在运行时改变变量的实际类型。

例如，如果你有一个变量 value 是 string | string[] 类型，但是你确定在某个上下文中它是一个可以转换为 number 的 string，你可以这样做：

let value: string | string[] = "123";

// 错误的转换，因为 TypeScript 不允许直接从 `string | string[]` 转换到 `number`
// let num: number = value; // 这会报错

// 使用类型断言先转换为 `unknown`，然后转换为 `number`
let num: number = value as unknown as number;

但是，这种做法是危险的，因为如果 value 实际上是一个 string[] 或者不能转换为 number 的 string，那么在运行时你的代码将会出错。更安全的做法是先检查 value 的类型，然后进行转换：

let value: string | string[] = "123";

let num: number;

if (typeof value === "string") {
    num = Number(value); // 将字符串转换为数字
} else if (Array.isArray(value) && value.length === 1 && typeof value[0] === "string") {
    num = Number(value[0]); // 如果是单元素字符串数组，取出字符串并转换为数字
} else {
    // 处理错误或其他情况
    console.error("Value cannot be converted to number");
}

在这个例子中，我们首先检查 value 是否为 string 类型，如果是，我们使用 Number() 函数将其转换为 number 类型。如果 value 是一个包含单个字符串元素的数组，我们也可以取出这个字符串并尝试将其转换为数字。如果 value 既不是 string 也不是单元素字符串数组，我们可以处理错误或执行其他逻辑。这种方法更加安全，因为它避免了在运行时可能发生的类型错误。

👑 阁下若觉此文有益，恳请施以👍🏻-点赞 ⭐ - 收藏 👀 - 关注之礼，以资鼓励。倘若有疑问或建言，亦请在评论区💬评论 赐教，吾将感激不尽。