JavaScript 类型转换

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

JavaScript 中有两种类型的类型转换：

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

JavaScript 隐式转换

在某些情况下，JavaScript 会自动将一种类型的数据转换为另一种类型（正确的类型）。这就是所谓的隐式转换。例如，

// numeric string used with + gives string type
let result;

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

result = "3" + true; 
console.log(result, "-", typeof(result));

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 运算符会返回变量的数据类型。

JavaScript 显式转换

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

let result;

// 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) 将数字 0 转换为布尔值 false，因为在 JavaScript 中，0 被认为是 假值。

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

let result;

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

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

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

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

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

另请阅读

• JavaScript 日期转换为数字
• JavaScript 日期转换为字符串