TypeScript 类型转换

注意：如果您是TypeScript新手，请先查看我们的TypeScript入门指南。

在编程中，类型转换是将一种数据的类型转换为另一种类型的过程。例如，将字符串数据转换为数字。

TypeScript中有两种类型的类型转换

• 隐式转换 - 自动类型转换。
• 显式转换 - 手动类型转换。

注意：TypeScript不会改变JavaScript引擎处理转换的方式。它只确保您有意识地执行转换并及早发现错误。

TypeScript隐式转换

在某些情况下，JavaScript在执行过程中会自动转换数据类型。由于TypeScript编译为JavaScript，因此它保留了这种行为——这被称为隐式类型转换。例如，

let result: any;

// Convert number to string
result = "3" + 2;
console.log(result, "-", typeof result);

// Convert boolean to string
result = "3" + true;
console.log(result, "-", typeof result);

// Convert null to string
result = "3" + null;
console.log(result, "-", typeof result);

输出

32 - string
3true - string
3null - string

在此示例中，我们使用+运算符将字符串与其他数据类型进行隐式类型转换。

这里，

• "3" + 2 - 将数字2转换为字符串，并将其连接到"3"，结果为字符串"32"。
• "3" + true - 将布尔值true转换为字符串，并将其连接到"3"，结果为字符串"3true"。
• "3" + null - 将null转换为字符串，并将其连接到"3"，结果为字符串"3null"。

注意：typeof运算符会给出变量的数据类型。

TypeScript显式转换

在显式类型转换中，您可以使用JavaScript的内置函数手动将一种数据类型转换为另一种数据类型。例如，

let result: any;

// Convert string to number
result = Number("5");
console.log(result, "-", typeof result);

// Convert boolean to string
result = String(true);
console.log(result, "-", typeof result);

// Convert number to boolean
result = Boolean(0);
console.log(result, "-", typeof result);

输出

5 - number
true - string
false - boolean

这里，

• Number("5") - 将字符串"5"更改为数字5。
• String(true) - 将布尔值true转换为字符串"true"。
• Boolean(0) - 返回false，因为0是JavaScript中的falsy值。由于TypeScript编译为JavaScript，因此这种行为在运行时会得到保留。

// Numeric string used with - , / , *
// results in number type

let result: number;

result = Number("4") - Number("2");
console.log(result, "-", typeof result);

result = Number("4") - 2;
console.log(result, "-", typeof result);

result = Number("4") * 2;
console.log(result, "-", typeof result);

result = Number("4") / 2;
console.log(result, "-", typeof result);

2 - number
2 - number
8 - number
2 - number

let value: any = "hello";
let strLength = (value as string).length;

console.log(strLength);

// Output: 5

另请阅读

• TypeScript 数据类型
• TypeScript联合类型和交叉类型