JavaScript | 类型转换

JavaScript 是一门动态类型语言，这意味着变量可以在代码运行期间被赋予不同类型的值。因此，在编写代码时，我们需要经常进行类型转换以保证程序运行的正确性。

本文将介绍 JavaScript 中的类型转换，包括显示类型转换和隐式类型转换。

显示类型转换

Number()

Number() 函数用于将值转换为数字。如果无法将值转换为数字，则返回 NaN。

Number("12"); // 12
Number("12abc"); // NaN
Number(true); // 1
Number(false); // 0

parseInt()

parseInt() 函数用于将字符串转换为整数。如果无法将值转换为整数，则返回 NaN。

parseInt("12"); // 12
parseInt("12abc"); // 12
parseInt(true); // NaN
parseInt(false); // NaN

parseFloat()

parseFloat() 函数用于将字符串转换为浮点数。如果无法将值转换为浮点数，则返回 NaN。

parseFloat("12.3"); // 12.3
parseFloat("12.3abc"); // 12.3
parseFloat("abc"); // NaN

String()

String() 函数用于将值转换为字符串。

String(12); // "12"
String(true); // "true"

toString()

toString() 方法用于将数字转换为指定进制的字符串。

(12).toString(); // "12"
(12).toString(16); // "c"
(12).toString(2); // "1100"

隐式类型转换

字符串与数字的隐式转换

在某些情况下，JS 会自动将字符串转换为数字或将数字转换为字符串。

"12" + 3; // "123"
"12" - 3; // 9
"12" * 3; // 36
"12" / 3; // 4

布尔值与数字的隐式转换

布尔值 true 和 false 可以分别转换为数字 1 和 0。

true + 1; // 2
false + 1; // 1

null 和 undefined 的隐式转换

null 和 undefined 分别只能和自身和彼此比较，并在比较时会互相转换为相同的值。

undefined == null; // true
undefined === null; // false

结论

类型转换在 JavaScript 中非常常见，随着你对类型转换的了解越多，你写出的代码将会更加稳定且运行效率更高。记住，在进行类型转换时，始终保持代码简洁和明确，以避免隐式类型转换时可能出现的错误。