JavaScript 显式类型转换详解与实例

JavaScript 显式类型转换概述

本文通过具体实例解析 JavaScript 中显式类型转换的实现方式，供读者参考学习。

虽然 JavaScript 支持多种自动类型转换，但在某些场景下，为了明确代码逻辑或提高可读性，仍需进行显式类型转换。

基础转换函数

执行显式类型转换最简便的方式是调用 Boolean()、Number()、String() 或 Object() 这四个全局函数。

Number("3") //3
String(false)  //"false"
false.toString()//同上
Boolean([]) //true
Object(3)  //new Number(3)

隐式转换与常见用法

JavaScript 中部分运算符会触发隐式类型转换，例如：当加法运算符（+）的一个操作数为字符串时，另一个操作数将被转换为字符串；一元加号运算符（+）会将操作数转换为数字；一元逻辑非运算符（!）会将操作数转换为布尔值并取反。代码中常见的类型转换用法如下：

x+"" //等价于String(x)
+x //等价于Number(x)
x-0 //同上
!!x //等价于Boolean(x),是双叹号哦

Number 类的进制转换方法

Number 类定义的 toString() 方法支持指定转换基数（radix），可将数字转换为 2 到 36 进制之间的字符串表示形式。

var n =11;
bin_str = n.toString(2);
oct_str = "0" + n.toString(8);
hex_str = "0x" + n.toString(16);

数字格式化方法

针对数字转字符串的场景，Number 类还定义了另外三个方法：toFixed() 方法根据小数点后指定的位数将数字转换为字符串，且不使用指数记数法。

11.113344.toFixed(5) //"11.11334"

toExponential() 方法使用指数记数法将数字转换为字符串，其特点是小数点前仅保留一位数字，小数点后的位数由参数指定。

11.113359.toExponential(5) //"1.11134e+1"

toPrecision() 方法根据指定的有效数字位数将数字转换为字符串；若有效数字位数小于整数部分的位数，则自动转换为指数形式。上述三个方法均会执行适当的四舍五入或在末尾填充 0。

字符串转数字的全局函数

需要注意的是，前文提到的 Number() 函数仅能基于十进制进行转换，且输入字符串不能包含非法字符。若需将字符串转换为数字，可使用不属于任何类的全局函数 parseInt 或 parseFloat。

parseInt() 仅解析整数部分，而 parseFloat() 则支持解析整数和浮点数。

若字符串前缀为"0x"或"0X"，parseInt()将其解释为16进制数；parseInt和parseFloat均跳过任意数量的前导空格，并尽可能解析更多数值字符；若首个非空格字符非法，则返回NaN。

parseInt 函数接收一个可选的第二个参数，用于指定数字转换的基数，该参数的取值范围为 2 至 36。

希望本文所述内容对大家的 JavaScript 程序设计有所帮助。