变量与数据类型 - 类型转换 - 显式类型转换方法

前端 - Javascript 《变量与数据类型 - 类型转换 - 显式类型转换方法》

在 JavaScript 的奇妙世界里，变量和数据类型就像是各种不同的角色，有时候我们需要让这些角色进行“变身”，以适应不同的场景。这就是类型转换，而显式类型转换则是我们主动施展的“魔法”。下面，就让我们一起来探索 JavaScript 中那些强大的显式类型转换方法吧！

字符串转换

String() 方法

String() 方法可以将任何类型的值转换为字符串。它就像是一个神奇的“文字包装机”，能把各种数据都变成文字的形式。

let num = 123;
let str = String(num);
console.log(typeof str); // 输出: string

toString() 方法

大部分对象都有 toString() 方法，它也能将对象转换为字符串。不过，要注意 null 和 undefined 没有这个方法哦。

let bool = true;
let boolStr = bool.toString();
console.log(typeof boolStr); // 输出: string

数字转换

Number() 方法

Number() 方法就像是一个“数字翻译官”，能把各种类型的值尝试转换为数字。不过，它的转换规则有点复杂。
| 输入类型 | 转换结果 |
| —— | —— |
| 字符串 | 纯数字字符串转换为对应的数字，包含非数字字符则为 NaN |
| 布尔值 | true 转换为 1，false 转换为 0 |
| null | 转换为 0 |
| undefined | 转换为 NaN |

let strNum = "123";
let numFromStr = Number(strNum);
console.log(typeof numFromStr); // 输出: number
let boolToNum = Number(true);
console.log(boolToNum); // 输出: 1

parseInt() 和 parseFloat() 方法

parseInt() 用于将字符串转换为整数，parseFloat() 用于将字符串转换为浮点数。它们就像是“数字提取器”，能从字符串中提取出有效的数字部分。

let strInt = "123abc";
let intNum = parseInt(strInt);
console.log(intNum); // 输出: 123
let strFloat = "3.14hello";
let floatNum = parseFloat(strFloat);
console.log(floatNum); // 输出: 3.14

布尔值转换

Boolean() 方法

Boolean() 方法可以将任何类型的值转换为布尔值。它就像是一个“真假判断器”，根据一定的规则来判断值是 true 还是 false。
| 输入类型 | 转换结果 |
| —— | —— |
| 数字 | 0 和 NaN 转换为 false，其他数字转换为 true |
| 字符串 | 空字符串转换为 false，其他字符串转换为 true |
| null 和 undefined | 转换为 false |
| 对象 | 转换为 true |

let zeroToBool = Boolean(0);
console.log(zeroToBool); // 输出: false
let objToBool = Boolean({});
console.log(objToBool); // 输出: true

显式类型转换在 JavaScript 中是非常实用的技巧，它能帮助我们在不同的数据类型之间灵活切换，让代码更加健壮和高效。就像魔法师熟练掌握各种魔法咒语一样，我们掌握了这些显式类型转换方法，就能在 JavaScript 的世界里自由驰骋啦！快去试试这些“魔法”，让你的代码变得更加神奇吧！