JavaScript 类型转换详解：Boolean、Number 与 String 函数用法

JavaScript 弱类型与隐式转换陷阱

JavaScript 作为弱类型语言，不会自动按照开发者的预期将变量从实际类型转换为目标数据类型。一个典型的错误场景出现在浏览器脚本中：尝试获取表单控件中输入的数值型变量，并与另一个数值变量相加。由于表单控件中的值本质上是字符串（即包含数字字符的序列），这种加法操作实际上是将字符串拼接到另一个变量上。即使这两个值在视觉上表现为数字，第二个变量也会被隐式转换为字符串类型，最终导致结果仅仅是将表单获取的变量字符串追加到第一个字符串的末尾，而非进行数学加法。

强制类型转换函数概览

因此，显式的强制类型转换显得尤为重要。接下来我们将详细探讨几个核心的强制转换函数。

1. Boolean(value)：用于将任意值转换为布尔类型。

2. Number(value)：用于将值转换为数字类型，包括整数或浮点数。

3. String(value)：用于将值转换为字符串类型。

Boolean() 转换规则与测试

首先分析 Boolean() 函数。当待转换的值满足以下条件之一时，Boolean() 返回 true：包含至少一个字符的字符串、非零的数字，或是对象。若待转换的值为空字符串、数字 0、undefined 或 null，则返回 false。你可以使用 代码片段进行验证。

Number() 与解析函数的区别

接着看 Number() 函数。它与 parseInt() 和 parseFloat() 类似，但关键区别在于 Number() 尝试转换整个值，而 parseInt() 和 parseFloat() 仅解析开头的数字部分。例如，Number("1.2.3") 和 Number("123abc") 均返回 NaN，而 parseInt("1.2.3") 返回 1、parseInt("123abc") 返回 123、parseFloat("1.2.3") 返回 1.2、parseFloat("123abc") 返回 123。Number() 会先判断该值能否被完整转换，若不能则返回 NaN，若能则进一步判断调用 parseInt() 或 parseFloat()。 列出了部分值调用 Number() 后的具体结果。

String() 转换与 toString() 差异

最后是 String() 函数，其逻辑相对简单，可将所有类型的数据转换为字符串。例如：String(false) 结果为 "false"、String(1) 结果为 "1"。需要注意的是，它与方法 toString() 存在区别： 展示了当对 null 或 undefined 调用 String() 与 toString() 时的不同表现，后者会直接报错。