JavaScript 是一种动态类型语言，变量的数据类型可以在运行时自动推导。但是有时候我们需要显式地将一个数据类型转换为另一个数据类型，这就是类型转换。
本文将深度分析 JavaScript 中的显式类型转换，包括类型转换的方法、注意事项以及常见实例。希望读者能够从中学习到更多关于 JavaScript 类型转换的知识，并能够使用和理解 JavaScript 中的类型转换。
类型转换方法
在 JavaScript 中，有两种方式进行类型转换：显式类型转换和隐式类型转换。其中显式类型转换指的是通过代码来强制将一个数据类型转换为另一个数据类型，而隐式类型转换则是在某些操作符或函数调用时自动发生的类型转换。
显式类型转换通常通过以下三种方法实现：
1. parseInt()
parseInt() 函数可以将字符串转换为整数。它接收一个字符串作为参数，返回一个整数。如果字符串不能被解析为整数，则返回 NaN。
let str = "123"; let num = parseInt(str); console.log(num); // 输出 123
2. parseFloat()
parseFloat() 函数可以将字符串转换为浮点数。与 parseInt() 不同的是，它可以解析小数和科学计数法表示的数字。
let str = "3.14"; let num = parseFloat(str); console.log(num); // 输出 3.14
3. Number()
Number() 函数可以将任何数据类型转换为数字。它接收一个参数，如果参数是数字、字符串或布尔值，则返回对应的数字；如果参数是对象，则返回 NaN。
let num1 = Number("123");
let num2 = Number(true);
let num3 = Number(null);
console.log(num1, num2, num3); // 输出 123, 1, 0注意事项
在进行类型转换时，需要注意以下几点：
1. 转换结果可能不是预期的类型
由于 JavaScript 是一种动态类型语言，在进行类型转换时需要格外小心。例如，将字符串转换为数字时，如果字符串中包含非数字字符，则转换结果会是 NaN。
let str = "abc"; let num = Number(str); console.log(num); // 输出 NaN
2. 字符串转换时需要注意进制
在使用 parseInt() 函数将字符串转换为整数时，需要注意第二个参数表示的进制。如果省略第二个参数，则默认按照十进制进行转换。
let str = "10"; let num = parseInt(str, 2); console.log(num); // 输出 2
3. 对象转换时可能会出错
在将对象转换为数字时，需要注意对象的 toString() 方法的返回值。如果 toString() 方法返回的不是数字字符串，则转换结果会是 NaN。
let obj = {toString: function() { return "abc"; }};
let num = Number(obj);
console.log(num); // 输出 NaN常见实例
以下是一些常见的类型转换实例：
-- -------------------- ---- ------- -- --------- --- - - ------ --- - - --- -- --- --- - - ---------- ------------------ --- -- -- ------ -- --------- --- - - ---- --- - - ------------- ------------------ --- -- -- ------ -- --------- --- - - ----- --- - - --- -- --- --- - - ---------- ------------------ --- -- -- ------ -- --------- --- - - -- --- - - ----------- --------------- -- -- -----
通过以上实例，我们可以深入了解 JavaScript 中的显式类型转换。
总结
本
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/2770